已经处理了这个错误2天,无法让TinyMCE工作。我正在使用TinyMCE的jquery版本。下面是我的HTML代码,其中包含一个包含textarea的表单。我使用Google Inspect Element并在控制台选项卡下面出现以下错误:“Uncaught ReferenceError:tinymce未定义”。任何帮助将不胜感激。
<form id="add_update_form" action="" method="POST" title="Add Blog">
<p class="feedback"></p>
<!-- <label>Created:</label>
<input type="text" name="created"> -->
<label>Title:</label>
<input type="text" name="title" class="input-block-level">
<label>Content:</label>
<textarea width="100%" rows="10" cols="10" name="content" class="input-block-level"></textarea>
<div class="clear"></div>
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste moxiemanager"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>
答案 0 :(得分:8)
当您使用jquery版本时,您需要将其设置为jquery插件
$(function() {
$('textarea.tinymce').tinymce({
...
});
});
答案 1 :(得分:4)
我查看了这个页面:http://www.tinymce.com/tryit/3_x/jquery_plugin.php 并点击标签&#34;查看来源&#34;并注意到了一些事情。
如果您使用TinyMCE作为jQuery插件,则需要其他参数 script_url ,因此您的代码应如下所示:
$('textarea.tinymce').tinymce({
script_url: 'js/portal/tinymce/tinymce.min.js',
...
其他解决方案是使用非jQuery版本:
<script src="<?php echo base_url();?>js/portal/tinymce/tinymce.min.js"></script>
然后使用旧方法初始化TinyMCE(如初始代码中所示):
tinymce.init({
selector: "textarea",
...
答案 2 :(得分:2)
似乎没有加载TinyMCE js文件。而不是:
<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script>
尝试以下方法:
<script src="//cdn.jsdelivr.net/tinymce/4.0b2/jquery/jquery.tinymce.min.js" type="text/javascript"></script>