wangEditor 5 편집기 [ZBLOG 버전]

wang Ed itor 5 편집 기 , 무료 오픈 소 스 (M IT 오픈 소 스 프로토 콜 을 기반으로), 원 작 자 Shu ang Y ue 선생 , 저 자 공식 웹 사이트 :https: / / www . wang ed itor . com /, 2 차 개발 을 지원 합니다 , 당신은 안 심 할 수 있습니다 !

원본 저자는 또한 wangEditor 5 에디터를 지속적으로 업데이트하고 있으므로 원본 저자의 업데이트와 함께 플러그인을 업그레이드 할 수 있습니다.

wangEditor 5 의 완전한 개발 문서 덕분에 Z - blog PHP 플러그인으로 만들 수 있습니다.

옛날에, 우리는위챗 공중 계정현대적이고 사용하기 쉬운 리치 텍스트 편집기, 이제 그는 여기에 있습니다!

참고 : 다른 편집 기 플 러 그 인과 함께 사용할 수 없습니다 , 이 플 러 그 인을 사용하면 미리 다른 편집 기 플 러 그 인을 닫 으십시오 (예를 들어 , Z - blog PHP 와 함께 제공 되는 UE 편집 기)!

wangEditor 5 편집기는 기본적으로 휴대 전화에서 사용을 지원하지 않으며, 실제로 어떤 편집기 플러그인에도 관계없이 휴대 전화의 사용자 경험은 매우 나쁘기 때문에 wangEditor 5 편집기는 공식적으로이 기능을 제거했습니다.

물론이 기능은 또한 해제 될 수 있습니다, 단지 사용자 경험을 향상시키기 위해 휴대 전화에 표시되는 도구 모음을 사용자 정의해야합니다.

아래는 WangEditor 공식 사이트에서 편집자에 대한 소개입니다.

# 장점

# 다른 리치 텍스트 편집기의 문제

웹 검색 "웹 리치 텍스트 편집기" 당신은 많은 결과를 얻을 수 있습니다, 예를 들어, 국내 UEeditor kind Editor, 해외 CKEeditor TinyMCE Quill Prose Mirror Draft Slate 등.또한 많은 사람들이 이러한 편집기를 사용하거나 2 차 개발을 수행합니다.

그러나 그들은 모두 다음과 같은 몇 가지 문제가 있으며 (블 랙 보 드를 두 드 리는 것 ~) 개발 효율 성 , 개발 비용 및 제품 안정 성에 크게 영향을 미칠 수 있습니다 .

# 오래된 기술

UEditor KindEditor 와 마찬가지로 document. execCommand API 를 사용합니다.이것은 제품의 안정성과 확장성에 큰 영향을 미칠 것입니다.

그때가 되면 ' ' 도 실현하지 못하고 어디든 문제가 있어 PM 에 의해 경멸될 것이다. "누군가 xxx 어떻게 할 수 있을까? "

# 중국어 우호적이지 않다

C KE d itor Tiny M CE Qu ill Pr ose Mir ror 등 과 같은 공식 중국 어 문 서는 없습니다 .이것은 당신의 개발 효율 성에 큰 영향을 미칠 것입니다 (오늘 밤 초 과 근무 ~)

PS : 영어로 특별합니다. 생략하십시오.

# 많은 2 차 개발이 필요합니다.

Prose Mirror Draft Slate 와 같은 리치 텍스트 편집기이지만 코어 또는 컨트롤러 일뿐이며 완전한 기능이 아닙니다.

대 량의 2 차 개발 은 연구 개발 비용이 크게 증가 할 뿐만 아니라 (이 달 폐쇄 ~) 테스트 가 불 완 전 하기 때문에 끝 없는 버 그가 발생 하여 웅 덩 이에 빠 질 수 있습니다 .

PS: 당신이 강한 맞춤형 개발 필요를 가지고 있지 않다면.

# 프레임워크의 구속조건

Slate 및 Draft 와 같은 제품은 React 프레임워크에 의존합니다. Vue 에서 사용하려면 작업량과 어려움이 매우 큽니다.

# 공식 React Vue 와 같은 구성 요소 없음

ProseMirror 와 같은 프레임워크가없는 일부에서는 Vue React 를 사용하는 경우 자체 구성 요소를 캡슐화해야합니다.

새로운 제품은 아직 안정적이지 않습니다.

위에 나열된 편집기는 모두 비교적 성숙한 제품이며 사용자 수가 비교적 많습니다.당신은 또한 새로운 개발과 같은 다른 제품을 찾을 수 있습니다, 사용자가 많이하지 않습니다.
어쨌든, 리치 텍스트 편집기의 구덩이가 너무 많기 때문에 신중하게 선택하십시오, 많은 테스트를 거쳐 천천히 안정화되기 전에 사용해야합니다.

안정적인 제품을 선택하여 참고하십시오.

github stars

npm 다운로드

npm 릴리스 시간 및 빈도

검색 엔진의 관련 결과 수

큰 공장의 보증서가 있습니까?

유 닛 테스트 / e 2 e 테스트 가 있습니까 ?

# wangEditor 의 장점

제품의 가치는 사용자의 문제를 해결하고 효율성을 향상시키고 비용을 절감하며 안정성과 확장성을 향상시키는 데 있습니다.

WangEditor 는 그것을하기 위해 그것을하는 것이 아니며, 단순히 모방하는 것이 아니라 위의 문제를 분석 한 후 체계적인 해결책을 제공합니다.그것은 실제로 사용자의 문제를 해결하고 자신의 가치를 창출하는 것을 목표로합니다.

# 메인스트림 기술 사용

WangEditor 는 V 5 릴리스에서 시작하여 큰 기술 업데이트가 있습니다.

#1. L 1 역량으로 업그레이드

document . exe c Com mand API 를 폐 지 하고 새로운 창 에서 슬 레이 트 . js open 을 커 널 로 사용하고 L 1 기능 으로 업 그레이 드 했습니다 (그러나 Re act 에 의존 하지 않습니다).

이것은 또한 유명한 Quill Prose Mirror Draft 와 같은 주요 리치 텍스트 편집기의 기술 솔루션입니다.

#2. vdom 사용

vdom 기술을 사용하여 뷰 업데이트, 모델 및 뷰 분리를 수행하여 안정성을 향상시킵니다. vdom. jsopen in new window.

#3.확장성

확장 플러그인 및 모듈의 메커니즘을 사용하여 확장성을 보장합니다.앞으로도 더 많은 기능이 추가될 예정입니다.

사실, 이제 wangEditor 에 내장 된 다양한 기능은 확장 플러그인 및 모듈의 형태로 구축됩니다.

# 중국어 문서

WangEditor 는 상세한 중국어 문서를 가지고 있으며 중국어 의사 소통 환경을 제공합니다.저자 open in new window 는 국내 프로그래머이기 때문이다.

# 적시에 피드백 및 커뮤니케이션

GitHub 에 가서 문제를 제출할 수도 있으며 팀은 즉시 피드백이나 수락을 할 것입니다.

# 모든 기능을 통합하여 2 차 개발이 필요하지 않습니다.

WangEditor 는 대부분의 사용 요구 사항을 충족시키기 위해 모든 일반적인 리치 텍스트 조작 기능을 내장합니다.직접 구성하여 사용할 수 있으므로 2 차 개발이 필요하지 않습니다.

/ / wang Ed itor 에는 50 + 메뉴 editor . get All M enu Ke ys () 가 내 장 되어 있습니다 .
  "bold","underline","italic","through","code","clearStyle","headerSelect","header1","header2","header3",
  "color","bgColor","insertLink","editLink","unLink","viewLink","insertImage","deleteImage","editImage",
  "viewImageLink","imageWidth30","imageWidth50","imageWidth100","blockquote","emotion","fontSize","fontFamily",
  "indent","delIndent","justifyLeft","justifyRight","justifyCenter","lineHeight","redo","undo","divider","codeBlock",
  "bulletedList","numberedList","insertTable","deleteTable","insertTableRow","deleteTableRow","insertTableCol",
  "deleteTableCol","tableHeader","tableFullWidth","insertVideo","deleteVideo","uploadImage","codeSelectLang"]

PS: 한편, wangEditor 는 풍부한 API 와 개발 메뉴, 모듈, 플러그인 등을 사용자 정의 할 수있는 충분한 확장성을 가지고 있습니다.

Vue React 를 사용하는 것이 좋습니다.

wangEditor 는 슬레이트 커널을 기반으로 개발되었지만 React 에 의존하지 않으므로 자체적으로 프레임워크에 의존하지 않습니다.

또한 Vue React 구성 요소를 공식적으로 캡슐화하여 Vue React 와 같은 프레임워크에서 쉽게 사용할 수 있습니다.
다른 프레임워크는 계속 지원할 것이며, 여러분도 문제를 제출할 수 있습니다.

5, 000 개의 구멍을 밟았다.

wangEditor 는 수년 동안 많은 사용자 사용과 피드백을 사용하여 많은 문제를 해결했습니다. V 5 릴리스 테스트 과정에서 이러한 문제도 안정성을 극대화하기 위해 반복적으로 테스트되었습니다.

# 팀 작업, 지속적인 반복 업그레이드

WangEditor 는 더 이상 저자의 단일 작전이 아니며, 우리는 버그를 수정하고, 기능을 업그레이드하고, 문제를 추적하고, 커뮤니티에 답변하는 다중 팀이 있습니다.