사용하기 쉬운 4가지 무료 온라인 HTML 편집기-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

사용하기 쉬운 4가지 무료 온라인 HTML 편집기

小云云

Nov 18, 2017 pm 04:59 PM

html 온라인 편집자

온라인 HTML 편집기란 무엇인가요? 온라인 편집기는 웹 페이지 및 기타 콘텐츠를 온라인으로 편집하고 수정하는 데 사용되므로 사용자는 웹 사이트에서 "보이는 대로 얻는다"는 효과를 얻을 수 있습니다. 따라서 주로 웹 사이트 콘텐츠 정보를 편집 및 게시하고 공유하는 데 사용됩니다. 뉴스, 블로그 게시 등과 같은 온라인 문서. 단순성과 사용 용이성으로 인해 웹사이트에서 널리 사용되며 많은 네티즌들에게 친숙합니다.

eWebEditor는 정말 강력하지만 이 편집기는 유료 소프트웨어이고 강력한 기능 때문에 너무 무거워 보이고 일부 가벼운 상황에는 적합하지 않습니다. 그렇다면 무료이고 강력하며 가벼운 상황에 적합한 온라인 HTML 편집기가 있습니까?

대답은 당연히 그렇습니다. 이는 무엇보다 수년에 걸쳐 공유 소프트웨어 개발을 지속적으로 촉진하여 우리가 그들의 성과를 즐길 수 있도록 해준 헌신적인 프로그래머 그룹에 감사드립니다.

1. Baidu에서 제작한 UEditor

UEditor는 Baidu 웹 프론트엔드 R&D 부서에서 개발한 WYSIWYG 리치 텍스트 웹 편집기로, 가볍고 사용자 정의가 가능하며 오픈 소스는 MIT를 기반으로 합니다. 라이센스를 부여하고 코드를 자유롭게 사용하고 수정할 수 있습니다. 특히 Toutiao의 배경에서 기사를 게시하는 데 사용되는 편집기는 UEditor입니다!

UEditor에는 UMeditor, 줄여서 UM이라는 경량 버전도 있습니다. UM은 간단한 게시 상자 또는 회신 상자에 대한 대부분의 포털 웹 사이트 요구 사항을 충족하도록 사용자 정의된 온라인 HTML 편집기입니다. 주요 특징은 용량 변경과 로딩 속도입니다. 메인 파일의 코드 크기는 139k이며, 기존 iframe 모드 사용을 포기하고 div 로딩 방식을 채택하여 로딩 속도가 빨라지고 로딩 실패율이 0이 되었습니다. UM의 첫 번째 사용자는 Baidu Tieba입니다. 매일 Tieba에서 수억 개의 PV 테스트를 견디려면 기능 설계가 최적화되어야 합니다. 물론 코드가 줄어들면서 UE의 UM 기능은 여전히 줄어들지만 사진을 끌어 업로드하거나 크롬에서 사진을 끌어 크기를 변경하는 등의 기능도 늘어납니다.

2. xhEditor 오픈 소스 HTML 편집기

xhEditor는 jQuery를 기반으로 개발된 간단하고 효율적인 시각적 HTML 편집기이며 IE 6.0+, Firefox 3.0+, Opera 9.6+와 호환됩니다. , 크롬 1.0+, 사파리 3.22+.

xhEditor는 완전히 Javascript를 기반으로 개발되었으며 PHP, ASP, ASP.NET, JAVA 등과 같은 모든 서버 측 언어 환경에 적용될 수 있습니다. CMS, 블로그, 포럼, 쇼핑몰 등과 같은 인터넷 플랫폼에 완벽하게 내장되어 실행될 수 있습니다. 시스템과 완벽하고 원활한 연결을 달성하기 위해 매우 유연하고 간단할 수 있습니다.

주요 기능:

단순화된 미니: 다음을 포함한 4개 파일의 초기 로드: 1 js(50k) + 2 css(10k) + 1 이미지(5k), 총 65k. js, css 파일을 gzip으로 압축하여 전송하면 24k 정도까지 더 줄일 수 있습니다.

사용하기 쉬움: 간단한 호출 방법과 클래스 속성 추가로 텍스트 영역을 기능이 풍부한 시각적 편집기로 바꿀 수 있습니다.

접근성: WAI-ARIA에 대한 포괄적인 지원, 정밀한 작동을 위한 풀 키보드, 풀 음성 안내를 제공하여 완벽한 무장애 액세스 환경을 제공하고 장애인의 인터넷 요구 사항을 완벽하게 충족합니다.

내장 Ajax 업로드: HTML4 및 HTML5 업로드 지원(다중 파일 업로드, 실제 업로드 진행 및 파일 드래그 앤 드롭 업로드), 클립보드 업로드 및 원격 가져오기 업로드를 포함한 강력한 Ajax 업로드가 내장되어 있습니다.

Word 자동 정리: Word 코드를 자동으로 감지 및 정리하고, 세부 정보 손실 없이 최적화되고 간소화된 코드를 생성합니다.

UBB 비주얼 편집: UBB 비주얼 편집을 지원하며 안전하고 효율적인 코드 저장과 동시에 비주얼 편집의 편리함도 누릴 수 있습니다.

3. KindEditor 오픈 소스 HTML 편집기

KindEditor는 JavaScript로 작성되었으며 Java, .NET, PHP, ASP 및 기타 프로그램과 원활하게 통합될 수 있습니다. CMS 및 쇼핑몰, 포럼, 블로그, 위키, 이메일 및 기타 인터넷 애플리케이션용. 이 초보자는 이 편집기가 비교적 사용하기 쉽고, 강력한 기능을 가지고 있으며, 친숙한 인터페이스를 갖추고 있어 초보자가 사용하기에 매우 적합하다고 생각합니다. 아쉽게도 최근 업데이트가 중단되어 공식 홈페이지에 정상적으로 접속이 불가능한 것 같습니다.

주요 기능:

빠름: 작은 크기, 빠른 로딩 속도

오픈 소스: 오픈 소스 코드, 높은 수준, 높은 품질

하단 레이어: 내장 사용자 정의 DOM 클래스 라이브러리, 정확한 DOM 작동

확장: 플러그인 기반 디자인, 모든 기능은 플러그인이며 필요에 따라 기능을 추가하거나 삭제할 수 있습니다

스타일: 편집기 스타일을 수정하는 것은 매우 쉽습니다. CSS 파일만 수정하면 됩니다.

호환성: 대부분의 주류 브라우저 지원 , 예를 들어 IE, Firefox, Safari, Chrome, Opera

4. Alibaba의 KISSY

엄밀히 말하면 KISSY는 단순한 온라인 HTML 편집기가 아니라 다음과 같은 프런트 엔드 엔지니어가 시작하고 만든 오픈 소스 JS 프레임워크입니다. 교차 터미널, 모듈화 및 사용 간단한 기능을 갖춘 Alibaba 그룹. 여기에는 HTML 편집기 모듈이 포함되어 있습니다.

KISSY는 모듈식 설계를 채택하기 때문에 높은 확장성, 완전한 구성 요소, 일관된 인터페이스, 독립적인 개발이라는 장점을 가지며 다양한 애플리케이션 시나리오에 적합합니다. DOM, Event, Ajax, Anim 등과 같은 완전한 도구 세트 외에도 KISSY는 팀 협업을 위해 고유하게 설계되었으며 고전적인 객체 지향, 동적 로딩 및 성능 최적화 솔루션을 제공합니다. 모든 단말기에서 지원되는 JavaScript 프레임워크로서 KISSY는 모바일 단말기에 맞게 많은 조정과 최적화를 수행했습니다. 모바일 웹 개발에 종사하는 사람들은 KISSY의 사용을 연구할 수 있습니다.

위의 온라인 HTML 편집기는 사용하기 매우 쉽고 무료입니다. 개발 시 온라인 HTML 편집기를 사용해야 하는 경우 이를 참고하여 원하는 것을 선택할 수 있습니다.