9

已经解决此错误 2 天，无法让 TinyMCE 正常工作。我正在使用 TinyMCE 的 jquery 版本。下面是我的 HTML 代码，其中包含一个文本区域。我使用 Google Inspect Element 并在控制台选项卡下出现以下错误：“未捕获的 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>
4

3 回答 3

8

当您使用 jquery 版本时，您需要像 jquery 插件一样设置它

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

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

于 2013-06-04T00:16:16.473 回答
4

我查看了此页面：http ://www.tinymce.com/tryit/3_x/jquery_plugin.php 并单击“查看源代码”选项卡并注意到了一些东西。

如果您使用 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",
...
于 2014-10-14T09:59:17.860 回答
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>
于 2013-06-03T23:46:12.610 回答