Wie schließe ich tinymce Editor im Frontend an?

Ich versuche, Tinymce-Editor in meinem Frontend hinzuzufügen, von wo aus Benutzer posten können. Aber bisher kein Glück. Hier ist der Code:

PHP:

add_action('wp_print_scripts', 'my_enqueue_scripts'); function my_enqueue_scripts() { wp_enqueue_script( 'tiny_mce' ); if (function_exists('wp_tiny_mce')) wp_tiny_mce(); } 

Javascript:

 jQuery(document).ready(function(){ tinyMCE.init({ mode : "textareas", theme : "simple", /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template",*/ editor_selector :"editor" }); }); 

HTML:

  

Problem: Texteditor wird nicht zu Textarea hinzugefügt. Obwohl die tinymce js-Datei geladen wird.

Solutions Collecting From Web of "Wie schließe ich tinymce Editor im Frontend an?"

Nun, dank wp 3.3 haben wir jetzt die wp_editor() -function dafür 🙂

editor_selector ist für Targeting-classn editor_selector , nicht für IDs.

Wenn Sie editor_selector , müssen Sie außerdem mode: "specific_textareas" editor_selector , damit es funktioniert.

Siehe http://tinymce.moxiecode.com/wiki.php/Configuration:editor_selector

So sollte Ihr JavaScript und HTML so aussehen:

 jQuery(document).ready(function(){ tinyMCE.init({ mode : "specific_textareas", theme : "simple", /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template",*/ editor_selector :"tinymce-enabled" }); }); 

  

Obwohl @maryisdead Antwort vielleicht richtig ist, gebe ich dir noch einen Tipp, stelle zuerst sicher, dass es nur ein Element auf deiner Seite gibt mit dem id = “editor” und richte dann ynymce so ein:

 tinyMCE.init({ ... mode : "exact", elements : "editor" }); 

Verwenden Sie auch jQuery anstelle von $ in Ihrem JavaScript-Code, um sicherzustellen, dass Sie jQuery-Methoden und Selektoren aufrufen.

editor_selector ist für classn und nicht für IDs.

Sie sollten den Wert von editor_selector als den classnnamen der Textarea verwenden.