Styling Shortcodes im visuellen Editor

Kann jemand den visuellen Editor so stylen, dass bei Verwendung bestimmter Shortcodes diese durch ein Bild im visuellen Editor ersetzt werden?

Ich habe festgestellt, dass viele Benutzer den Shortcode-Text vermasseln oder ihn versehentlich löschen, wenn ich den visuellen Editor verwende, so dass ich möchte, dass Shortcodes im visuellen Editor durch Pace-Holder-Bilder ersetzt werden. HTML-Editor würde jedoch immer noch die Codes anzeigen.

Solutions Collecting From Web of "Styling Shortcodes im visuellen Editor"

Ich habe keine funktionierende Lösung zur Hand, aber was ich tun würde, ist zu analysieren, wie dies für die Trenner gemacht wird. Im HTML-Editor gibt es , im visuellen Editor wird stattdessen ein Bild angezeigt.

Dies geschieht durch Erweiterung des tinyMCE-Editors – der Basis des visuellen Editors in WordPress – mit einem Plugin. Um mehr über tinymce-Plugins zu erfahren, finden Sie weitere Beispiele und Dokumentationen im moxiecode-Wiki: Erstellen eines Plugins für TinyMCE (3.x) .

Sie finden Beispielcode in der folgenden Datei:

 wp-includes/js/tinymce/plugins/wordpress/editor_plugin.dev.js 

Es funktioniert grundsätzlich, indem Inhalt (zB der [mycode] ) durch einige vordefinierte HTML ersetzt wird, die das Bild enthält. Bevor der Inhalt veröffentlicht wird, wird er erneut durch den ursprünglichen HTML-Code ersetzt. Sie können dabei reguläre Ausdrücke verwenden. Je mehr Link dies zeigt, desto besser.