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",

当我到达此页面时，textarea位于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

由于我只有一个textarea，我只是使用了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"        
    });

这适用于我的一个textarea ...我只是不想将所有textareas声明为tinyMCE盒子（即使我在技术上只使用一个）。

Answer 3

您可以使用此init函数设置使其适用于一个或多个编辑器实例

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

TinyMCE和jQuery Mobile textarea

3 个答案: