10 Beste JQuery und HTML5 Wysiwyg -Plugins

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!