web-dev-qa-db-ja.com

キャッチされないreferenceerror：tinymceが定義されていません

私の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.jshttp://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

私はGoogle Chrome 57.0.2987.133を実行しており、TinyMCEコードは https://www.tinymce.com/docs/demo/basic-example/ からのものです。

何か案は？

javascriptjquerygoogle-chrometinymcetinymce-4
4
neubert

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プラグインとして使用する場合を除いて、jQueryTinyMCEコードは必要ありません。あなたのフィドルを機能させるためにその100％は必要ありません。

5
Michael Fromin

初期化する前に、アセットがロードされていることを確認してください。

1
Jirachai Uraijaree

Wp-includesフォルダー内に.htaccessファイルがあるかどうかを確認してください。この問題が発生していましたが、wp-includesのルートにある.htaccessファイルが原因のようです。

1
webmakers2011

WordPressでこのエラーが発生した場合、Chrome開発者ツールがエラーを指摘しました。ファイルを確認しました。/wp-includes/js/tinymce/wp-tinymce.php、フォルダー自体はオンでした。フルスロットルのパーミッション、755に変更され、ビジュアルエディターが機能するようになり、コンソールエラーが消えました。

1
zEELz

tinyMCEのjqueryバージョンを使用している場合は、次のように使用する必要があります。

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