uncaught referenceerror: tinymce is not defined

Question

我的 JS：

$(document).ready(function() {
  tinymce.init({
    selector: 'textarea',
    height: 500,
    menubar: false,
    plugins: [
      'advlist autolink lists link image charmap print preview anchor',
      'searchreplace visualblocks code fullscreen',
      'insertdatetime media table contextmenu paste code'
    ],
    toolbar: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify |  bullist numlist outdent indent | link image',
    content_css: '//www.tinymce.com/css/codepen.min.css'
  });
});

我的HTML:

<textarea></textarea>

我有以下外部 JS 文件：

http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js http://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/jquery.tinymce.min.js

JS fiddle:

http://jsfiddle.net/bcv1tv1b/

我的错误：

Uncaught ReferenceError: tinymce is not defined
    at HTMLDocument.<anonymous> ((index):54)
    at j (jquery.min.js:2)
    at Object.add [as done] (jquery.min.js:2)
    at m.fn.init.m.fn.ready (jquery.min.js:2)
    at window.onload ((index):53

我是运行 Google Chrome 57.0.2987.133 TinyMCE 代码来自 https://www.tinymce.com/docs/demo/basic-example/ .

有什么想法吗？

Answer 1

如果您使用的是 jquery 版本的 TinyMCE，您应该这样使用：

 $("textarea.tinymce").tinymce({
   //tinyMCE Settings here
 })

Answer 2

您还需要加载 TinyMCE 本身 - 您现在加载的只是 TinyMCE 的 jQuery 包装器。

您总共需要加载以下内容：

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/tinymce.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/jquery.tinymce.min.js"></script>

查看此更新 fiddle：http://jsfiddle.net/mfromin/bcv1tv1b/2/

老实说，您甚至不需要 jQuery TinyMCE 代码，除非您想将 TinyMCE 用作 jQuery 插件。它 100% 不需要让你的 fiddle 工作。

Answer 3

如果 WordPress 出现此错误，Chrome 开发人员工具将我指向该错误。所以我检查了我的文件，/wp-includes/js/tinymce/wp-tinymce.php，文件夹本身是全速权限，更改为 755，我的可视化编辑器现在可以工作，控制台错误消失了。

Answer 4

检查您的 wp-includes 文件夹中是否有一些 .htaccess 文件！我遇到了这个问题，它似乎是由 wp-includes 根目录中的 .htaccess 文件引起的！

Answer 5

确保资产在初始化前加载。

uncaught referenceerror: tinymce is not defined

uncaught referenceerror: tinymce is not defined

javascript

jquery

google-chrome

tinymce

tinymce-4