WangEditor5 - Editor für ZBLOG

wangEditor5 - Editor, kostenloser Open Source (basierend auf dem MIT-Open Source - Protokoll), der ursprüngliche Autor Shuang Yue-Lehrer, Autor-Website:https: //www.wangeditor.com/, unterstützt die zweite Entwicklung, jeder kann sicher verwenden!

Außerdem aktualisiert der ursprüngliche Autor auch den wangEditor5 - Editor, so dass wir auch unsere Plug-ins mit dem Upgrade des ursprünglichen Autors aktualisieren können.

Dank der vollständigen Entwicklungsdokumentation von wangEditor5 konnten wir es als Z-blog PHP-Plugin entwickeln.

Wir haben schon mal versucht, etwas ähnliches zu finden.Mikroschreiben ÖffentlichkeitSo einfach zu bedienen, ein moderner Rich-Text - Editor, und jetzt ist er da!

Hinweis: Sie können nicht mit anderen Editor-Plugins gleichzeitig verwenden, verwenden Sie dieses Plugin bitte vorher schließen andere Editor-Plugins (z. B. Z-blog PHP mit UEditor-Editor)!

WangEditor5 Editor standardmäßig nicht unterstützt die Verwendung auf dem Handy, in der Tat unabhängig von jedem Editor-Plug - in, die Benutzererfahrung auf dem Handy ist sehr schlecht, so dass WangEditor5 Editor offiziell einfach abgeschnitten diese Funktion.

Natürlich kann diese Funktion auch entsperrt werden, müssen Sie nur die Symbolleiste auf dem Handy anpassen, um die Benutzererfahrung zu verbessern Nein, Benutzer können uns anpassen!

Hier ist die offizielle Website von WangEditor.

# Vorteile

# Probleme mit anderen rich-text - Editoren

Suchen Sie im Internet "Web-Rich - Text-Editor" Sie erhalten viele Ergebnisse, wie im Inland UEditor kindEditor, im Ausland CKEditor TinyMCE Quill ProseMirror Draft Slate und so weiter. Es gibt auch viele Leute, die diese Editoren verwenden, oder die sekundäre Entwicklung zu tun.

Allerdings haben sie alle einige der folgenden Probleme (Klopfen auf die Tafel ~), die Ihre Entwicklungseffizienz, Entwicklungskosten und Produktstabilität erheblich beeinflussen können.

# Alte Technik

UEditor KindEditor verwendet weiterhin die document.execCommand-API. Dies wird die Stabilität und Skalierbarkeit des Produkts erheblich beeinflussen.

Und dann kann es nicht gelingen, irgendwo Probleme zu haben, wird von PM verachtet werden: "Wie kann jemand xxx tun?"

Chinesisch unfreundlich

Wie CKEditor TinyMCE Quill ProseMirror und so weiter, gibt es keine offizielle chinesische Dokumentation. Das wird Ihre Entwicklungseffizienz erheblich beeinflussen (Überstunden heute Abend ~)

PS: Englisch, bitte überlassen.

Es bedarf einer großen Anzahl von Zweitentwicklungen

Obwohl ProseMirror Draft Slate auch ein rich-text - Editor ist, sind sie nur ein Core oder Controller und keine vollständige Funktion.

Eine große Anzahl von Sekundärentwicklungen führt nicht nur zu einem erheblichen Anstieg der R & D-Kosten (diesen Monat geschlossen ~), sondern kann auch unendliche Bugs aufgrund von unvollkommenen Tests auftreten, in den Sumpf geraten.

PS: Es sei denn, Sie haben eine starke Anpassung an die Entwicklung.

# Rahmenbedingungen

Slate und Draft basieren auf dem React-Framework. Wenn Sie es in Vue verwenden möchten, ist die Arbeit und die Schwierigkeit sehr groß.

# Keine offiziellen Komponenten wie React Vue

Einige framework-freie Abhängigkeiten, wie ProseMirror, müssen die Komponenten selbst kapseln, wenn Sie Vue React verwenden.

Neue Produkte sind noch nicht stabil

Die oben aufgeführten Editoren sind relativ ausgereifte Produkte mit einer großen Anzahl von Benutzern. Sie können auch andere Produkte finden, wie beispielsweise neu entwickelte, die nicht viel Benutzer haben.
Auf jeden Fall, wählen Sie bitte vorsichtig, weil Rich Text Editor ist wirklich zu viele Gruben, erfordert eine Menge von Tests, Benutzung, um langsam stabil zu werden.

Auswahl stabiler Produkte, die Referenz

github stars

npm Downloads

npm Veröffentlichungszeit und - häufigkeit

Anzahl der relevanten Ergebnisse der Suchmaschinen

Gibt es eine große Fabrik?

Einheitstests / E2e-Tests

Vorteile von # wangEditor

Der Wert eines Produkts liegt darin, die Probleme der Benutzer zu lösen, die Effizienz zu erhöhen, die Kosten zu senken, die Stabilität und die Skalierbarkeit zu erhöhen.

WangEditor ist nicht, um zu tun, noch ist es einfach zu nachahmen, wer, sondern nach der oben genannten Problemanalyse, eine systematische Lösung zu geben. Ziel ist es, die Probleme der Nutzer wirklich zu lösen und ihren eigenen Wert zu produzieren.

# Mainstream-Technologie nutzen

wangEditor beginnt mit der V5 - Version mit größeren technischen Updates.

#1. Upgrade auf L1 - Fähigkeit

Die document.execCommand-API wurde veraltet, die Slate.jsopen in new window (aber nicht auf React angewiesen) als Kernel verwendet und auf L1 - Fähigkeiten aktualisiert.

Es ist auch die aktuelle Mainstream-Technologie Rich-Text - Editoren wie der bekannte Quill ProseMirror Draft verwendet werden.

#2. Verwenden von VDOM

Mit der vdom-Technologie (basierend auf der Datei "jdom.jsopen in new window") werden die Ansichten aktualisiert, Model und View getrennt und die Stabilität erhöht.

#3. Erweiterbarkeit

Verwenden Sie den Mechanismus der Erweiterung von Plug-ins und Modulen, um die Skalierbarkeit zu gewährleisten. In Zukunft sollen weitere Funktionen erweitert werden.

In der Tat, jetzt wangEditor eingebaute Funktionen, sind auch durch Erweiterungen in Form von Plug-ins und Modulen aufgebaut.

# Chinesisches Dokument

WangEditor verfügt über ausführliche chinesische Dokumentation sowie eine chinesische Kommunikationsumgebung. Der Autor von open in new window ist ein Programmierer.

# zeitnahes Feedback und Kommunikation

Sie können ein Problem auf GitHub einreichen, und das Team wird das Feedback rechtzeitig akzeptieren.

Integriert alle Funktionen, ohne zweite Entwicklung

WangEditor hat alle gängigen Rich-Text - Funktionen eingebaut, um die meisten Benutzeranforderungen zu erfüllen. Sie können direkt konfiguriert werden, ohne weitere Zweitentwicklung erforderlich.

/ / wangEditor verfügt über 50 + eingebaute Menüeditor.getAllMenuKeys () [
  "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: Gleichzeitig verfügt WangEditor über eine umfangreiche API und ausreichend Erweiterbarkeit, sodass Sie Entwicklungsmenüs, Module, Plug-ins usw. anpassen können.

Es ist sehr einfach, mit Vue React zu arbeiten.

wangEditor basiert auf dem Slate-Kernel, ist aber nicht von React abhängig, daher ist es selbst framework-frei.

Darüber hinaus haben wir offiziell die Vue React-Komponenten verpackt, die in Frameworks wie Vue React bequem verwendet werden können.
Andere Frameworks werden wir weiterhin unterstützen, und jeder kann auch ein Problem einreichen.

5.000 Gruben durchgetreten

WangEditor Open Source seit vielen Jahren, eine Vielzahl von Benutzern verwendet und Feedback, hat viele Probleme gelöst open in new window. Während der V5 - Versionen wurden auch diese Probleme wiederholt, um eine maximale Stabilität zu gewährleisten.

# Teamarbeit, kontinuierliche Iteration Upgrade

WangEditor ist längst nicht mehr der Autor allein kämpfen, wir haben mehrere Teams, zusammen Bugs zu beheben, Upgrade-Funktionen, Nachverfolgung Fragen, Community-Fragen zu beantworten.