TinyMCE 8 Inline Text Editor

TinyMCE 8 Inline-Texteditor für GrapesJS

Ersetzen Sie den integrierten Rich Text Editor von GrapesJS durch die volle Leistung von TinyMCE 8 – mit Inline-Bearbeitung, separaten Werkzeugleisten für Block- und Inline-Elemente, erstklassiger GrapesJS Studio-Unterstützung und TypeScript-Typen.

Was dieses Plugin bewirkt

GrapesJS wird mit minimalem RTE ausgeliefert. Dieses Plugin ersetzt es vollständig durch TinyMCE 8 – einen der weltweit leistungsfähigsten WYSIWYG-Editoren. Ihre Nutzer erhalten ein vertrautes, professionelles Bearbeitungserlebnis direkt im Visual Builder.

Hauptmerkmale

Zwei Bearbeitungsmodi

• Blockelemente(<p>,<div>,,<li> usw.) — vollständige Werkzeugleiste mit Formatierung, Einrückung, Ausrichtung, Listen und Links.
• Inline-Elemente(<span>,<a>,<button>,–<h1>)<h5> — ein kompaktes Elementinline_toolbar,<br>bei dem Enter statt eines Ausbruchs aus dem Element eingefügt wird.

First-Class GrapesJS Studio-Unterstützung

• parentToolbar: truerendert die Werkzeugleiste im Elterndokument – eliminiert Z-Index-Konflikte mit Studios Auswahl-Overlay und Komponenten-Badges.
• Die Toolbar bleibt sichtbar, wenn der Fokus zwischen den iframe- und TinyMCE-Dropdowns wechselt.

Solide Architektur

• Vollständige TypeScript-Neuschreibung mit exportierten.d.tsTypdefinitionen.
• Clean Teardown: Alle Ereignislistener, MutationObservers und Toolbar-DOM werden aufdisable()unddestroy() veröffentlicht.
• Speicherlecks wurden behoben und eine XSS-Schwachstelle in v0.1.x vorhanden.
• Öffentlichedestroy()Methode zur expliziten Zerlegung bei Bedarf.

Flexible Konfiguration

• Unterstützt Tiny Cloud CDN und selbstgehostetes TinyMCE.
• tinymceOption — Pass-through für beliebige nativetinymce.init()Parameter (license_key,content_style,font_family_formats,toolbar_mode, usw.).
• Toolbar als einzelne Zeichenkette ('bold italic | link') oder als Array von Strings für ein mehrzeiliges Layout.

Kompatibilität

Arbeitet sowohl mit Open-Source-Versionen von GrapesJS als auch mit GrapesJS Studio SDK.

Der Name des Plugins ändert sich nicht, aber es unterstützt den TinyMCE 8.