Как мне включить редактор TinyMCE в интерфейс?

Я пытаюсь добавить редактор TinyMCE в свой интерфейс, откуда пользователи могут публиковать сообщения, но пока мне не повезло. Вот код:

PHP:

  add_action ('wp_print_scripts', 'my_enqueue_scripts');  функция 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, эмоции, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template ", */editor_selector:" editor "});})  ;  

HTML:

    

Проблема: Texteditor не добавляет в текстовое поле. Хотя файл TinyMCE js загружается.


Что ж, благодаря wp 3.3 теперь у нас есть функция wp_editor () для этого:)


editor_selector предназначен для таргетинга на классы, а не на идентификаторы.

Кроме того, при использовании editor_selector необходимо установить режим : "specific_textareas" , чтобы он работал.

См. http://tinymce.moxiecode.com/wiki.php/Configuration:editor_selector

Итак, ваш JavaScript и HTML должны выглядеть следующим образом:

  jQuery (document) .ready (function () {tinyMCE.init ({mode: "specific_textareas", theme: "simple",/* plugins: "autolink,  списки, проверка орфографии, стиль, слой, таблица, advhr, advimage, advlink, эмоции, iespell, inlinepopups, insertdatetime, предварительный просмотр, медиа, searchreplace, печать, контекстное меню, вставка, направленность, полноэкранный режим, нередактируемый, visualchars, неразрывный, xhtmlxtras, шаблон  , */editor_selector: "tinymce-enabled"});});  

    


editor_selector предназначен для таргетинга на классы , а не идентификаторы.

Кроме того, при использовании editor_selector необходимо установить режим : "specific_textareas" , чтобы он должен работать.

См. http://tinymce.moxiecode.com/wiki.php/Configuration:editor_selector

Итак, ваш JavaScript и HTML должны выглядеть так:

  jQuery (документ) .ready (функция () {tinyMCE. init ({mode: "specific_textareas", theme: "simple",/* плагины: "autolink, списки, проверка орфографии, стиль, слой, таблица, advhr, advimage, advlink, эмоции, iespell, inlinepopups, insertdatetime, предварительный просмотр, медиа,  searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template ", */editor_selector:" tinymce-enabled "});});  

    

Хотя ответ @maryisdead может быть правильным, Я дам вам еще один совет. Сначала убедитесь, что на вашей странице есть только один элемент с id = «editor», а затем настройте tinymce следующим образом:

  tinyMCE.init ({  ... mode: "точный", elements: "editor"});  

Также используйте jQuery вместо $ в своем коде javascript, чтобы убедиться, что вы вызываете методы и селекторы jQuery .


Хотя ответ @maryisdead может быть правильным, я дам вам еще один совет, сначала убедитесь, что на вашей странице есть только один элемент с id = «editor», а затем настройте tinymce следующим образом:

  tinyMCE.init ({... mode: "точный", elements: "editor"});  

Также используйте jQuery вместо $ в вашем коде javascript, чтобы убедиться, что вы вызываете методы и селекторы jQuery.


editor_selector предназначен для классов, а не для идентификаторов.

Вы должны использовать значение editor_selector в качестве имени класса текстовой области.


editor_selector предназначен для классов а не для идентификаторов.

Вы должны использовать значение editor_selector в качестве имени класса текстового поля.

Оцените статью
techsly.ru
Добавить комментарий