TinyMCE и JQuery Mobile текстовые

Question

Казалось бы, это очень просто, но я не могу заставить его работать и не могу найти ответ.

У меня есть textarea (editcontent), и в моей функции onLoad я попробовал это:

$('#editcontent').tinymce({
    // Location of TinyMCE script
    script_url: 'tinymce/jscripts/tiny_mce/tiny_mce.js',

    // General options
    theme: "advanced", 
    plugins:"pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

Когда я попадаю на эту страницу, текстовая область присутствует в DOM, но не отображается на экране (я проверяю это в Chrome).Я знаю, что сценарии расположены правильно.Чего мне не хватает?

Answer 1

Вот как я это делаю, чтобы TinyMCE работал, вам нужно правильно применить 3 вещи:

1) Поместить файл скрипта tiny_mce.js в правильную папку

2) ПолучитьФайл сценария TinyMCE в теге:

<script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

3) Инициируйте документ TinyMCE, готовый с параметрами, которые вам нравятся:

$(document).ready(function() {
    tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        theme_advanced_buttons1 : "bold,italic,bullist,numlist",
        theme_advanced_buttons2 : "",
        theme_advanced_buttons3 : "",
        theme_advanced_buttons4 : "",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_resizing : false
    });
});

Answer 2

Вы можете использовать эту настройку функции init, чтобы она работала для одного или нескольких экземпляров редактора

  tinyMCE.init({
    mode: 'exact',
    elements : "id_of_texarea, id_of_textarea2, id_of_a_div",
    theme : "advanced",
    plugins : ... 
  });

Answer 3

Поскольку у меня есть только одна текстовая область, я просто использовал способ tinymce init. Я уверен, что это можно сделать иным способом, но я не знаю, что случилось.

SO:

  tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        plugins : "emotions,spellchecker,advhr,insertdatetime,preview",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left"        
    });

Это работает для меня на моей единственной текстовой области ... Я просто не хотел объявлять ВСЕ текстовые области как крошечные блоки MCE (хотя технически я использую только одну).