TinyMCE没有定义Jquery

时间:2013-06-03 23:43:18

标签: jquery tinymce

已经处理了这个错误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>

3 个答案:

答案 0 :(得分:8)

当您使用jquery版本时,您需要将其设置为jquery插件

$(function() {
   $('textarea.tinymce').tinymce({
    ...
   });
});

http://www.tinymce.com/tryit/3_x/jquery_plugin.php

答案 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>