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
| Bundle: | CMS Bundle |
|---|
- Behebt das Springen des Cursors an den Textanfang beim Bearbeiten im TinyMCE-Editor.
- Behebt das Problem mit Zeilenumbrüchen (weich und hart) beim Drücken der Eingabetaste im TinyMCE-Editor.
- Standardmäßig werden die neuen Zeilen in einen <div>-Container eingeschlossen.
- Das Problem mit Textinhalten, die nicht korrekt in Einkaufserlebniselementen aktualisiert wurden, wurde behoben.
- Behebt die falsche Inhaltsanzeige beim Umschalten der Sprache im Administrator.
- Einstellung der Inhalt-Wrapper in die Plugin -Konfiguration hinzugefügt.
- Optimierte Pluginleistung.
- Das P -Tag wurde aus dem Wickeln des Editors entfernt.
- Behebt das Problem mit dem Überschreiben des Inhalts, wenn mehrere Editor-Instanzen auf der gleichen Seite im Admin verwendet werden.
- Optimierte weiche und harte Linienbrüche im Editor beim Drücken der Eingabetaste.
- Die Darstellung von HTML-Text wurde korrigiert.
- Die Darstellung von HTML-Text wurde korrigiert.
- Die Schaltfläche Formatieren kann jetzt auf jedes HTML-Element angewendet werden.
- 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.
- Behebt die falsche Inhaltsanzeige beim Umschalten der Sprache im Administrator.
- Das P -Tag wurde aus dem Wickeln des Editors entfernt.
- Optimierte weiche und harte Linienbrüche im Editor beim Drücken der Eingabetaste.
- Bild-Url korrigiert.
- 404 Bild-Url von tinymce behoben.
- Die Schaltfläche Formatieren kann jetzt auf jedes HTML-Element angewendet werden.
- 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
11. März 2025 08:03
Super Plugin und Support
Unverzichtbar für die Inhaltsbearbeitung im Admin. Der Support ist schnell und ein Fehler wurde umgehend korrigiert. Empfehlenswert.
1. August 2024 11:18
Toller Support und super Plugin
Bin immer wieder begeistert vom Support. Keine 3 Stunden, da kam schon ein Update, weil mir eine Kleinigkeit im Plugin fehlte, Tolles Plugin, wie viele andere Plugins von Acris aus.
17. Juli 2024 11:19
Toller Support & fairer Preis
Meine Fragen bezüglich Konfiguration wurden innerhalb weniger Stunden geklärt. Danke!
3. Mai 2024 08:06
Einfach zu bedienen und tolle Features
Der Editor ist kompakt, übersichtlich und bietet dennoch alle wichtigen Funktionen. Das Feature, das man damit auch bestimmte Formate wie primäre oder sekundäre Buttons einfügen kann, gefällt uns!
13. März 2024 18:13
Endlich wieder ein brauchbarer Editor
So kann man endlich wieder vernünftig arbeiten. Der von Shopware gewählte Standardeditor ist sowohl hinsichtlich Usability und auch was die erzeugt HTML-Codequalität betrifft, eine Krankheit (und das vor dem Hintergrund, dass TinyMCE da durchaus auch Schwächen hat). Schaut auch optisch viel besser aus als noch zu SW5-Zeiten. Im Rahmen des Supports hat mir Acris eine fehlende Option in der Toolbar innerhalb von 2 Tagen im Rahmen eines Updates nachgeliefert und das noch während der Probezeit. Das ist Spitze und an Kundenorientiertheit nicht mehr zu toppen.
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.
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
Nein, da es sich bei unserem Plugin bereits um die self-hosted Variante des TinyMCE handelt. Es wurden darüber hinaus nur Shopware spezifische Themen erweitert.
Ähnliche Produkte
Kunden kauften auch
