我的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小提琴:
我的错误:
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/。
有什么想法吗?
答案 0 :(得分:6)
您还需要加载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>
请参阅此更新的小提琴:http://jsfiddle.net/mfromin/bcv1tv1b/2/
老实说,除非你想将TinyMCE用作jQuery插件,否则你甚至不需要jQuery TinyMCE代码。它100%不需要让你的小提琴工作。
答案 1 :(得分:0)
如果你使用的是TinyMCE的jquery版本,你应该这样使用:
$("textarea.tinymce").tinymce({
//tinyMCE Settings here
})
答案 2 :(得分:0)
如果WordPress出现此错误,Chrome开发者工具会向我指出错误。所以我检查了我的文件/wp-includes/js/tinymce/wp-tinymce.php,文件夹本身是全权限权限,更改为755,我的可视化编辑器现在正在运行,控制台错误消失了。
答案 3 :(得分:0)
检查wp-includes文件夹中是否有一些.htaccess文件!我遇到了这个问题,它似乎是由wp-includes根目录中的.htaccess文件引起的!
答案 4 :(得分:0)
在初始化之前确保资产已加载。