TinyMCE HTML Editor mit Shopware Entitäten und Formatvorlagen
Highlights
TinyMCE HTML Editor erweitert alle Textfelder im gesamten Admin Bereich (Produktbeschreibungen, Erlebniswelten Elemente, ...) Erstellung interner Verlinkungen zu Entitäten (Produkt, Kategorie, Landingpage) einfache Verwendung von vordefinierten Text-, Button- und Tabellenformaten passend zum Theme
Features
TinyMCE HTML Editor erweitert alle Textfelder im gesamten Admin Bereich (Produktbeschreibungen, Erlebniswelten Elemente, ...) Erstellung interner Verlinkungen zu Produkten, Kategorien, Landigpages des Shops einfache Auswahl vorhandener Produkten, Kategorien, Landigpages bei der Erstellung interner Links Formatvorlagen können passend zum Textelement (Text, Link, Tabelle) ausgewählt werden Formatvorlagen sind am zuvor definierten Theme angepasst
Zweck des Plugins
Mit dem Plugin TinyMCE HTML Editor erweitern Sie Ihre Shopware Text-Editoren im gesamten Admin Bereich um die Möglichkeiten eines HTML Editors und zusätzlich interne Verlinkungen von Shopware Entitäten zu erstellen. Unter Shopware Entitäten fallen Produkte, Kategorien oder Landingpages. Somit können Sie bei beliebigen Texten direkt auf diese Entitäten verlinken. Zudem erweitert das Plugin die Texteditoren um die Verwendung von vordefinierten Text-, Button- und Tabellenformaten, welche sich vom Design her an das ausgwählte Theme orientiert. Somit wird gewährleistet, dass in bei allen Texten auf der Shopseite die richtigen Designelemente verwendet werden.
Standard Funktionen von TinyMCE HTML Editor
Der TinyMCE HTML Editor erleichtert Ihnen die Bearbeitung von Texten. Ohne HTML-Code schreiben zu müssen, können Sie mit der Hilfe des Plugins Texte so eingeben und formatieren wie Sie es von Ihrer Textverarbeitung her gewohnt sind. Sie können mit dem Editor Textstellen als Überschriften markieren, Auflistungen und Tabellen gestalten, Bilder einfügen und positionieren und Verweise einfügen.
Anpassung der TinyMCE Konfiguration
In der Plugineinstellungen des TinyMCE Plugins kannst du die TinyMCE Konfiguration nach deinen Wünschen anpassen.
Wichtig ist aber, dass du dort ein valides JSON platzierst.
Beispielcode:
{
"menubar": "file edit insert format view tools table"
}
Referenz zu den TinyMCE Konfigurationsmöglichkeiten: https://www.tiny.cloud/docs/configure/.
Zusätzliche Funktionen des TinyMCE HTML Editors
Interne Links
Es
können zusätzlich zu den externen Links auch interne Verlinkungen zu
Entitäten (Produkten, Kategorien oder Landingpages) erstellt werden. Alle im System
angelegten Produkte, Kategorien und Landigpages können einfach via
Dropdownfeld ausgewählt und verlinkt werden. Zudem haben Sie auch die Möglichkeit die interne Links in separaten Tabs öffnen zu lassen.
Anwendung:
- Öffne einen beliebigen Texteditor
- Erstelle einen neuen Link - markiere dabei einen Text und klicke auf den Link Button in der Bearbeitungsleiste
- Wähle bei Linktyp "Intern" aus
- Wähle eine Entität aus (Produkt, Kategorie oder Landingpage)
- Gib ein passendes Element der Entität an
- Schalte ggf. "In neuem Tab öffnen" ein oder aus
Theme-basierende Formatvorlagen
Zudem
steht bei den Editoren eine erweitere Formatvorlagenfunktion zur
Verfügung. Es können Text-, Button- und auch Tabellenformate passend zum
definierten Theme verwendet werden. Somit lässt sich das Shopdesign konsequent anwenden.
Anwendung:
- Öffne einen beliebigen Texteditor
- Markiere das passende Element im Text, wo die Formatvorlage angewendet werden soll
- Markiere einen Link, um ein Buttonformat zu verwenden
- Markiere einen Text, um ein Textformat anzuwenden
- Markiere eine Tabelle, um ein Tabellenformat zu nutzen
- Klicke in der Bearbeitungsleiste auf Format > Formate und wähle eine passende Vorlage aus
Häufig gestellte Fragen
- Können Bilder direkt aus den Shopware Medien eingefügt werden?Ja, wir haben die Medienauswahl von Shopware direkt in den TinyMCE Editor integriert. Im Editor unter Einfügen > Image > Quelle kann die Medienauswahl von Shopware geöffnet werden.
- Wie kann ich als Standard-Tag einen p-Tag (Absatz) konfigurieren?Dies ist über folgende Konfiguration in den Plugineinstellungen des Tiny-MCE Plugins möglich: { "forced_root_block": "p" } Weitere Infos siehe https://www.tiny.cloud/docs/tinymce/latest/content-filtering/#forced_root_block
| Bundle: | CMS Bundle |
|---|
- Bildurl beim Hochladen über tinymce korrigiert.
- Die Bildanzeige im Admin und Storefront wurde korrigiert.
- Titel-Eingabe für Link hinzugefügt.
- Behebt einen Fehler beim Kopieren von Inhalten aus einer Editorinstanz in eine andere, wenn zwischen den Editoren gewechselt wird, wenn mehrere Editorinstanzen verwendet werden..
- Hinzugefügtes Format
- Deutsche Übersetzung hinzugefügt
- Optimierung der Beschreibung der Plugineinstellungen zur Konfiguration des TinyMCE Editors.
- Aktualisierte Pipleline.
- Kompatibilität mit Shopware 6.6.
- Feste Bild-Url, wenn durch tinymce für Multistore hochgeladen wird.
- Url-Fehler in 6.4 behoben.
- Feste Bild-Url, wenn durch tinymce für Multistore hochgeladen wird.
- Bildurl beim Hochladen über tinymce korrigiert.
- Die Bildanzeige im Admin und Storefront wurde korrigiert.
- Problem behoben, bei dem Bilder beim Hochladen über den Editor nicht in der Storefront angezeigt wurden.
- Titel-Eingabe für Link hinzugefügt.
- Bugfix behebt den Fehler, dass tinymce nicht initialisiert ist.
- Bugfix behebt den Fehler, dass tinymce nicht initialisiert ist.
- Behebt einen Fehler beim Kopieren von Inhalten aus einer Editorinstanz in eine andere, wenn zwischen den Editoren gewechselt wird, wenn mehrere Editorinstanzen verwendet werden..
- Optimiertes Editor-Laden für benutzerdefinierte Felder vom Typ Texteditor.
- Schaltfläche „HTML-Editor“ in der kleinen Editor-Symbolleiste hinzugefügt.
- Problem behoben, bei dem der Editor für geerbte Felder nicht funktionierte.
- Es wurde ein Problem mit der Anzeige von Landingpage-Linkdaten in der Administration behoben.
- Das Editor-Styling in der Administration wurde korrigiert.
- Optimiertes Formatstyling im Editor.
- Das Laden von TinyMCE wurde verbessert.
- Optimierte Plugin-Kompatibilität.
- Optimierung der Standard Tabellenformatierung.
- Änderung der minimalen Shopware Version.
- Optimierte Plugin-Kompatibilität.
- Behebt ein Problem beim Erstellen von internen Links
- Änderung des Pluginnamens und der Hersteller Links.
- Fügt einen Hilfe-Text zur Plugin Konfiguration hinzu.
- Span-Format hinzugefügt.
- Der <p> html-Tag, der den Text im Schaufenster automatisch umbricht, wurde entfernt.
- Das Format der Landing Page-Links wurde korrigiert.
- Schaltfläche zum Entfernen des Links im benutzerdefinierten Link-Editor-Modal hinzugefügt.
- Optimiertes Laden von Links Daten in TinyMCE benutzerdefinierte Link Modal.
- Optimierung der Texte in der Administration.
- Option zum Verlinken auf eine Landing Page hinzugefügt.
- Optimierte Funktionalität für die Verlinkung zu eigenen Entitäten.
- Admin Vorschau um Tabellen erweitert
- Fügt die Beschriftung von Textfeldern hinzu.
- Verbessert die Kompatibilität mit neueren Shopware Versionen
- Verbessert die Kompatibilität mit Shopware >= 6.4.10.0.
- Admin Vorschau angepasst
- CSS für die Editor Formate hinzugefügt
- Text und Überschriften Formate hinzugefügt
- Warnung Button Format hinzugefügt
- TinyMce Update zu 5.10.2
- Optimiert tinyMce für die Inline-Bearbeitung.
- Fügt die Validierung bei der Aktualisierung von tinyMce-Werten hinzu.
- Optimierung der TinyMCE Aktualisierung des Wertes.
- Anpassung der Standard TinyMCE Konfiguration
- Fügt die Plugin-Konfiguration zum Anpassen der Konfiguration des TinyMCE-Editors hinzu.
- Erlaubt das Hinzufügen von benutzerdefinierten Formatvorlagen in den Plugineinstellungen
- Behebt Probleme beim Laden den TinyMCE Editors in der richtigen Sprache.
- Behebt ein Javascript Problem beim Bearbeiten von Texten im TinyMCE Editor.
- Ersetzt den Shopware-Standardeditor durch Tiny MCE.
- Veröffentlichung
Anmelden
Ähnliche Produkte
Kunden kauften auch
