Zuletzt aktualisiert am 25. März 2021.
WordPress bietet ab Version 3.3 die Möglichkeit, den TinyMCE-Editor bei jedem beliebigen Formularfeld einzubinden.
Einbindung mittels wp_editor()
Seit WordPress 3.3 gibt es die Funktion wp_editor() mit deren Hilfe man jedes beliebige Textfeld mit einem WYSIWYG-Edtor versehen kann.
WordPress greift dabei auf den TinyMCE-Editor, den man bereits aus dem Backend kennt, zurück.
Die Funktion funktioniert dabei wie folgt:
wp_editor( string $content, string $editor_id, array $settings = array() )
Die Parameter der Funktion erklärt:
Parameter | Bedeutung |
$content | Typ: String. Hier wird eine mögliche Vorbelegung des Feldes durch die Daten in der Variable $content angegeben. |
$editor_id | Typ: String. Hier wird die ID des Formularfeldes aus dem HTML-Gerüst übergeben (DOM). |
$settings | Optional können weitere Parameter übergeben werden. |
Ein Beispiel
Ich verwende den Editor z.B. in einem Textfeld, das eigentlich kein Rich-Field ist und wo eine einfache Textarea vorgegeben ist, sagen wir, der Quellcode (HTML) sieht dabei wie folgt aus:
<textarea id="meineID">Vorbelegter Inhalt</textarea>
Jetzt soll die Textarea aber einen WYSIWYG-Editor erhalten. Dafür nutzen wir die oben genannte WordPress-Funktion und binden sie z.B. im jeweiligen template oder der functions.php ein:
$content = "Vorbelegter Inhalt";
wp_editor($content, "meineID", array('media_buttons' => false));
Et voila. Die Textarea wird nun mit einem Editor versehen.
Schreibe eine Antwort