HTML 온라인 편집기 업데이트 [2006-05]_CSS/HTML
html 편집기 업데이트
fckeditor
FCKeditor 2.3베타가 출시되었습니다.
- 로딩 시간을 단축하기 위해 일부 코드를 다시 작성했습니다.
- 로딩 시간을 단축하기 위해 새로운 툴바 시스템을 채택했습니다.
- 새로운 오른쪽 클릭 바로가기 메뉴, 보조 메뉴 지원
- 창 크기에 맞게 편집 영역의 크기를 조정하는 새로운 기능 추가
- 일부 버그를 수정했습니다.가장 중요한 것은 에디터를 이용하여 파일을 업로드할 때 보안 문제를 해결하는 것입니다. 2.3으로 업그레이드하는 것이 좋습니다
- 새로운 시스템으로 인해 일부 오래된 스킨을 사용할 수 없게 될 수도 있습니다.
티님스
현재 버전은 2.0.6.1(2006-05-21)입니다. 가장 중요한 것은 스타일 정의 기능과 레이어 추가입니다. 중국어 버전은 이전보다 좋아졌지만, 부적절한 곳은 여전히 존재합니다. 나는 계속해서 나만의 중국어 버전을 출시할 예정이다.
요약
fckeditor의 전체적인 느낌은 어떤 상황에서도 사용해도 큰 문제가 없을 것이라는 점입니다. 또한 기능면에서 비교적 포괄적이며 자체 업로드 기능도 함께 제공됩니다. 배경 및 템플릿 편집에 적합합니다.
tinymce는 또한 매우 좋은 기능을 가지고 있으며 사람들이 Dreamweaver와 비교할 수 있는 다양한 HTML 태그 매개 변수를 많이 제공합니다. 아마도 제작진은 Dreamweaver의 기능적 구성을 언급하기도 했을 것입니다.
하지만 Tiny는 다소 불안정하고, 전체 페이지 편집 기능도 별로 좋지 않고, 양식도 지원하지 않아 템플릿 편집에는 적합하지 않습니다
두 편집자 모두 각자의 장점이 있고, 개인 취향에 따라 다를 뿐입니다.
관련 오래된 기사:

핫 AI 도구

Undress AI Tool
무료로 이미지를 벗다

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Stock Market GPT
더 현명한 결정을 위한 AI 기반 투자 연구

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

pseudo-classesincssarekeywords thatstyle rementsbasedonstate, 위치, 위치, orattributes, 개선 된 Interactivity 및 Resportiverducingtheneedforextrahtmlclasses; syntaxlikeSelector : pseudo-class, enablingdynamiceffectssuchasa : hover {;} f

TextRea의 스케일링 동작을 제어하려면 CSS의 크기 조정 속성을 사용해야합니다. 1. 수평 및 수직 스케일링 (기본값)을 허용하도록 크기 조정; 2. 폭 조정 만 허용하기 위해 수평으로 설정합니다. 3. 높이 조정 만 허용하도록 수직으로 설정하십시오. 4. 스케일링을 완전히 금지하도록 설정; 5. 블록 및 인라인은 각각 블록 레벨 및 인라인 방향에 해당합니다. Min-Height, Max-Width 등과 같은 속성과 결합하여 스케일링 범위는 제한 될 수 있으며이 속성은 최신 브라우저에서 널리 지원되며 오버플로가 보이지 않는 블록 레벨 요소에 적합합니다.

ThePointer-EventsPropertyIncsscontrolswheTheranElementCanBethetArgetOfPointerEvents.1.UsePointer-Events : nonetodisableInterActionSlikeClickSorHoverSwHileKepingTheElementSibleSible.2.AppLyItToOverLayStoClick-throughtounderlyELELENELENELENELEMEN

HTML 및 CSS를 사용하여 JavaScript없이 드롭 다운 메뉴를 만듭니다. 2. 호버 의사 클래스를 통해 하위 메뉴 디스플레이를 트리거합니다. 3. 중첩 된 목록을 사용하여 구조를 구축하고 CSS에 숨겨진 및 매달린 디스플레이 효과를 설정하십시오. 4. 시각적 경험을 향상시키기 위해 전환 애니메이션을 추가 할 수 있습니다.

usethebox-shadowpropertytoadddropshadows.definehorizontalandverticaloffsets, 흐림, 스프레드, 색상 및 옵션 alinsetforinnershadows.multipleshadowsarecomma-separated.example : box-shadow : 5px10px8pxrgba (0,0,0,0.3);

사용 OBJECT-FITORMAX-WIDTHWITHHEIGHT : AutoTopRevEntImagedIsportion; 개체-피트 컨트롤 하위 링크 컨테이너 및 max width : 100%;

thecssfilterpropertyallowseaseasyimagestylingwitheffects likeblur, brightness, andgrayscale.usefilter : 필터-기능 (value) onimagesorbackgroundimages.commonFunctionsIncludeBlur (px), 밝기 (%), Grayscale (%), 채도 (%) 및 hue-merate (degrotate)

CSS 그라디언트 배경을 추가하려면 배경 또는 배경 이미지 속성을 사용하여 Linear-Gradient (), Radial-Gradient ()와 같은 함수와 협력하십시오. 먼저 그라디언트 유형을 선택하고 방향과 색상을 설정하고 컬러 도킹 포인트, 모양, 크기 및 선형 그레이드 (Toright,#ff7e5f,#feb47b)와 같은 기타 매개 변수를 통해 미세하게 제어하여 왼쪽에서 오른쪽으로 선형 그라디언트를 생성하여 Radial-Gradient (원,#ff9a9e,#fecfef)를 생성하여 원형 구배를 만들어냅니다.
