jquery - TinyMCE 和 jQuery Mobile 文本区域

Question

这似乎非常简单，但我无法让它工作，也找不到答案。

我有一个文本区域(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
    });
});