Saya mencoba untuk menambahkan editor TinyMCE di frontend saya dari mana pengguna dapat memposting tetapi belum beruntung sejauh ini. Ini kodenya:
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:
<textarea rows="8" cols="40" name="description" id="editor" class="required"><?php echo $description;?></textarea>
Masalah: Texteditor tidak menambahkan ke textarea. Meskipun file TinyMCE js sedang memuat.
Jawaban:
Terima kasih untuk wp 3.3 sekarang kami memiliki
wp_editor()
fungsi untuk melakukan itu :)sumber
editor_selector
untuk kelas penargetan, bukan id.Juga, saat menggunakan
editor_selector
, itu diperlukan untuk mengaturmode: "specific_textareas"
agar berfungsi.Lihat http://tinymce.moxiecode.com/wiki.php/Configuration:editor_selector
Jadi JavaScript dan HTML Anda akan terlihat seperti ini:
sumber
Meskipun jawaban @maryisdead mungkin benar, saya akan memberikan Anda tip lain, pertama pastikan hanya ada satu elemen di halaman Anda dengan id = "editor" kemudian setup tinymce seperti:
Juga gunakan jQuery alih-alih $ dalam kode javascript Anda untuk memastikan Anda memanggil metode dan pemilih jQuery.
sumber
editor_selector adalah untuk kelas dan bukan untuk id.
Anda harus menggunakan nilai editor_selector sebagai nama kelas dari textarea.
sumber