我正在使用tinymce jquery插件,并在textarea上初始化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 ...//
});Update:我现在有两个版本,一个版本通过将$("#textEditor").tinymce().hide();行包装在一个单击函数中来工作,另一个版本提供给我的tinyMCE不是仅用行本身定义的。
作品:
$("#hide").click(function(){
$("#textEditor").tinymce().hide();
})不管用:
$("#textEditor").tinymce().hide(); //error tinyMCE is not defined发布于 2011-06-17 09:34:38
你可以试试
tinymce.get("textEditor").hide();若要验证是否使用正确的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")。
发布于 2012-03-22 12:29:02
我认为到jquery插件的路径是不正确的,因为这里提供了$.tinymce()方法。如果找不到文件,则此方法也是如此。
此外,您还应该确保在*script_url*字段中指定的路径是有效的,因为插件将尝试动态加载它。
https://stackoverflow.com/questions/6376595
复制相似问题