jquery-plugins - tinymce jquery插件错误tinymce不是函数

标签 jquery-plugins tinymce

我正在使用tinymce jquery plugin并在通过文本区域初始化tinymce实例后尝试访问api。

在这个例子中,我有一个隐藏按钮,单击该按钮应该会隐藏tinymce编辑器,但我收到了一个错误。

<html>
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/tinymce/jquery.tinymce.js"></script>
    <script type="text/javascript" src="js/test.js"></script>
</head>

<body>
    <div><textarea id="textEditor" class="tinymce" disabled="disabled"></textarea></div>
    <input type ="button" id="hide" value="Hide tinymce">
</body>
</html>
$(document).ready(function(){

//textEditor
$("#textEditor")
.tinymce({
    // Location of TinyMCE script
    script_url : 'js/tinymce/tiny_mce.js',
    theme : "advanced",
    theme_advanced_buttons1 : "bold,italic,underline,",
    theme_advanced_resizing : false
})

//... see below ...//

});

更新:我现在有 2 个版本,其中一个通过包装 $("#textEditor").tinymce().hide(); 来工作。单击函数中的一行,以及一个给我的tinyMCE 不只用行本身定义的函数。

作品:

$("#hide").click(function(){
    $("#textEditor").tinymce().hide(); 
})

不起作用:

    $("#textEditor").tinymce().hide(); //error tinyMCE is not defined

最佳答案

你可以试试

tinymce.get("textEditor").hide();

要验证您是否使用正确的tinymce id,可以使用以下方式提醒页面上存在的所有tinymce id:

for (var i = 0; i < tinymce.editors.length; i++) {
   alert(tinymce.editors[i].id);
}

编辑:

这个:

/** Option Block A error **/    
 // $("#textEditor").tinymce().hide(); //error tinyMCE is not defined
/** Option Block A error **/ 

不起作用,因为它会在tinymce编辑器初始化之前被调用。此时还没有 tinymce.get("textEditor")

关于jquery-plugins - tinymce jquery插件错误tinymce不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6376595/

相关文章:

javascript - 当元素 id 出现在视口(viewport)中并出现 jquery 时发出警报

jquery - jvectormap:如何在标记标签/工具提示中实现 HTML 而不是简单的字符串?

javascript - JQuery "Constrain"插件 - 奇怪的 Javascript 错误

javascript - TinyMCE 3.x 仅在 IE 中转义字符

tinymce - 如何阻止 TinyMCE 将 HTML 实体转换回特殊字符?

jquery - 如何使用 jScrollPane(jquery 插件)应用边框半径

jquery - 在哪里编写 Bower 代码来安装 Alertify?

javascript - Tinymce IE6+ 如何获得工作范围?

asp.net-mvc - TinyMCE 应该如何在 ASP.NET MVC 页面上工作?

html - TinyMCE 编辑器将 data-mce-src 添加到 <img/>