Dieser Artikel bewertet zehn erstklassige JQuery und HTML5 Wysiwyg (was Sie sehen, was Sie erhalten) Editoren. Die Auswahl des richtigen Editors kann angesichts der Fülle der Optionen eine Herausforderung sein. Mit diesem Leitfaden hilft Ihnen jedoch die perfekte Passform.

Key Takeaways:

• Dieser Artikel vergleicht zehn führende JQuery- und HTML5-Wysiwyg-Plugins: Froala, ContentTools, Aloha, Tinymce, Bootstrap3-Wysiwyg, Summernote, Ckeditor, Trumbowyg und Redactor. Jedes wird anhand von Funktionen, Gr??e und Benutzerfreundlichkeit bewertet.
• Die Plugins bieten verschiedene Funktionen. Froala zeichnet sich im XSS -Angriffsschutz aus, w?hrend Trumbowyg das leichte Design priorisiert. Weitere betrachtete Faktoren sind mobile Optimierung, MS -Word -Kompatibilit?t, Sprachunterstützung und Anpassungsoptionen.
• Ein umfassender FAQ -Abschnitt befasst sich mit h?ufigen Bedenken hinsichtlich der HTML -WYSIWYG -Plugins, der Abdeckung der wichtigsten Funktionen, der Installation, der Anpassung, der Sicherheit, der mobilen Kompatibilit?t, der mehrsprachigen Unterstützung, der CMS -Integration, der Leistungsauswirkungen und der M?glichkeit, mehrere Plugins gleichzeitig zu verwenden.

Editor Reviews:

froala:

Froala ist benutzerfreundlich und erfordert eine minimale Codierung. Es verfügt über einen starken XSS -Schutz neben seiner intuitiven UI/UX.

Highlights:

• 34 kb gziped
• Inline -Bearbeitung
• Tastaturverknüpfungen
• grundlegendes HTML/JavaScript -Wissen erforderlich
• Anpassbare Dunkel/Licht -Themen
• mobil-optimiert
• ms wort kompatibel
• unterstützt 34 Sprachen, einschlie?lich RTL

contentTools:

contentTools ist ein schlanker, leichtgewichtiger Editor, der unabh?ngig von JavaScript -Frameworks arbeitet (obwohl mit ihnen kompatibel). Das modulare Design erm?glicht eine einfache Erweiterung.

Highlights:

• 49 kb gziped
• Inline -Bearbeitung
• Bild- und Video -Gr??en?nderung
• rückg?ngig gemacht/reco -Funktionalit?t

Aloha:

Aloha -Editor integriert sich nahtlos in Webanwendungen, obwohl es derzeit keine Bildinsertion gibt.

Highlights:

• 142 kb
• ms wort kompatibel
• Cross-Browser-Kompatibilit?t
• anpassbar

Tinymce:

Tinymce ist ein plattformunabh?ngiger JavaScript-Editor, der verschiedene Dateiverwaltungsdienste (Azure, Google Drive usw.) unterstützt und sich an WAI-Aria-Barrierefreiheitsstandards einh?lt. Eine Enterprise -Version bietet priorisierte Unterstützung.

Highlights:

• Live -Medien -Einbettung
• integrierte Bildbearbeitung
• Rechtschreibprüfung (Enterprise)
• ms wort kompatibel
• 40 Sprachen unterstützten
• robuste Kreuzbrowser-Leistung

bootstrap3-wysiwyg:

Dieses Plugin nutzt WYSIHTML5 und Twitter Bootstrap zum Erstellen visuell ansprechender Redakteure.

Highlights:

• 206 KB Minified
• fordertJS Support
• anpassbare Symbolleiste und Themen
• anpassbare Ereignisse

summenote:

Ein Bootstrap-basierter Editor mit verschiedenen Themen (einschlie?lich eines materiellen Themas, MaterialNote).

Highlights:

• 80 kb JS CSS
• Bootstrap 3.x.x Support
• Einfache Integration in Django, Schienen oder Winkel
• anpassbar
• codemirror -Integration

ckeditor:

ckeditor vereinfacht die Erstellung von Webinhalten und bietet vertraute Textverarbeitung Merkmale.

Highlights:

• Anpassbare Builds über CKBuilder
• ms wort kompatibel
• Inline -Bearbeitung
• rückg?ngig machen/scous Support
• RTL -Unterstützung
• unterstützt rund 60 Sprachen

trumbowyg:

Der hellste Editor in der Liste, priorisieren Sie die minimale Gr??e.

Highlights:

• 16 kb
• 30 Lokalisierungen

redactor:

Redactor ist ein schneller, erweiterbarer Editor mit starker Unterstützung und Amazon S3 -Integration.

Highlights:

• 75 KB Minified
• Inline -Textbearbeitung
• codemirror Support
• Drag-and-Drop-Bildfunktionalit?t
• Plugin-basierte Erweiterbarkeit

Schlussfolgerung:

Diese umfassende überprüfung sollte Ihnen helfen, den idealen Wysiwyg -Editor für Ihr Projekt auszuw?hlen. Betrachten Sie Ihre spezifischen Bedürfnisse und Priorit?ten, wenn Sie Ihre Wahl treffen.

(Der FAQ -Abschnitt bleibt weitgehend unver?ndert, da er wertvolle allgemeine Informationen liefert.)

Das obige ist der detaillierte Inhalt von10 Beste JQuery und HTML5 Wysiwyg -Plugins. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!