2017-04-05 53 views
0

我的JS:未捕獲的ReferenceError:TinyMCE的是沒有定義

$(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小提琴:

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 

我運行谷歌瀏覽器57.0.2987.133和TinyMCE的代碼是從https://www.tinymce.com/docs/demo/basic-example/

任何想法?

回答

2

您還需要加載TinyMCE的本身 - 你現在加載是一個jQuery包裝器TinyMCE的。

總共需要加載以下:

<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的TinyMCE的代碼一個jQuery插件。它的100%不需要讓你的小提琴工作。

0

如果你正在使用TinyMCE的jQuery的版本你應該使用這樣的:

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

有了這個錯誤與WordPress,Chrome開發者工具向我指出錯誤。所以我檢查了我的文件/wp-includes/js/tinymce/wp-tinymce.php,該文件夾本身處於完全節制權限,更改爲755,並且我的可視編輯器正在工作,控制檯錯誤消失。

0

檢查,看看你有你的裏面的一些.htaccess文件WP-包括文件夾!我遇到了這個問題,它似乎是由wp-includes的根中的.htaccess文件造成的!

相關問題