WordPress エラー:Failed to load plugin: table from url https://cdn.tinymce.com/4/plugins/table/plugin.min.js
公開日:
:
html5, javascript, PHP, WordPress, wordpress テンプレート
WordPress エラーの状態
WordPress 管理画面のテキスト入力欄で(ビジュアルタブの時)ピンクの帯で以下のエラーが出ている。
また、エディタのテーブル挿入ボタンも表示されなくなっている。
このエラーが出ている場合、テンプレートかプラグイン内から TinyMCE のエディタのテーブル機能を追加している状態になります。
例:テンプレートの場合
functions.php に以下のような部分がどこかにあったりします。
function mce_external_plugins_table($plugins) { $plugins['table'] = '//cdn.tinymce.com/4/plugins/table/plugin.min.js';//←ここの行でエラー return $plugins; }
ここの部分を修正する必要があります。
TinyMCE とは、ビジュアルエディタのJavaScript ライブラリです。
TinyMCE が4から5にバージョンアップしたことで、利用にAPIキーが必要となったそうで、エラーにあるURLのJavaScriptにアクセス出来ない状態にあるそうです。
エラー解消プラグイン
修正箇所が見つけられない場合や、テンプレートやプラグインの直接修正が難しい場合、このためだけのちょっとしたプラグインを作ってみましたので、よかったらどうぞ。
TinyMCE 4.3.3 の pulugin.min.jp を読み込むだけのプラグイン
aratmjsr.zip ダウンロード
解凍して、/wp-content/plugins/ へアップロードし、プラグイン一覧から有効化してください。
これでもうエラーはなくなっているかと思います。
修正箇所が見つかり、function.php などを修正可能の場合
plugin.min.js をダウンロードして、直接読み込みなおす事でエラーを解消出来ます。
1. TinyMCE のサイトから plugins.min.js をダウンロード
下記の URL から TinyMCE サイトの旧バージョ一覧を開きます。
http://archive.tinymce.com/download/older.php
TinyMCE 4.3.3 の [Prod] をクリックし、tinymce_4.3.3.zip をダウンロードします。
2. plugins.min.js をアップロード
tinymce_4.3.3.zip を解凍すると、以下の階層に plugins.min.js があります。
tinymce/js/tinymce/plugins/table/plugins.min.js
このファイルをサーバにアップロードします。
3. functions.php を編集
例:テンプレートの場合
例えば、/wp-content/themes/テンプレート名/js/plugin.min.js
へアップロードしたとします。
テンプレートの functions.php に以下の部分を修正します。
$plugins['table'] = '//cdn.tinymce.com/4/plugins/table/plugin.min.js'; ↓ 修正 $plugins['table'] = get_template_directory_uri() .'/js/plugin.min.js';
テンプレート内で上記の部分が見つけられない場合、プラグイン内の可能性もあります。
例:プラグインの場合
例えば、/wp-content/plugins/プラグイン名/js/plugin.min.js
へアップロードしたとします。
プラグインの第一階層に修正部分があれば以下のように変更します。
$plugins['table'] = '//cdn.tinymce.com/4/plugins/table/plugin.min.js'; ↓ 修正 $plugins['table'] = plugins_url('/js/plugin.min.js', __FILE__);
プラグイン内の場合、add_filter を新たに設定してもいいかと思います。
今回作った「TinyMCE4 のpulugin.min.jp を読み込むだけのプラグイン」はそういう処理になっています。
function mce_external_plugins_tablee($plugins) { $plugins['table'] = plugins_url('/js/plugin.min.js', __FILE__); return $plugins; } add_filter( 'mce_external_plugins', 'mce_external_plugins_tablee',50 );
その場合、このように add_filter の第三引数の優先順位を(例は50)上げると確実かと思います。
関連記事
-
-
WEBページをアプリっぽくする(サービスワーカーでホーム画面に追加)
前回作ったお絵かきページを、簡単にアプリっぽくしようと思います。 具体的には、スマホで最近よく見か
-
-
WordPress 独自テーブル
Wordpress で独自テーブルを作ってみようと思います。 独自テーブルのデータ 今回のデ
-
-
HTML5 audio タグ を使って音声を出す
HTML5からaudioタグを使えば、Flashなどのプラグインを使わなくてもブラウザ上で音声を再生
-
-
WordPress で VR させて、360°のパノラマ画像を表示する
WordPress.com内ショートコードで VR させる WordPress.com内で、VR(
-
-
Javascript タイピング ゲーム スマホ用 をつくる
JavaScript スマホ用 切り替え 前回の記事のゲームですが、スマホだとサイズが合わなくてや
-
-
Javascript ES5,6 の新機能(letとconst,アロー関数,クラスなど)
ESとはECMASCriptの略で、ECMA という国際的な標準化機関が定めた JavaScript
-
-
Three.jsで360°パノラマ画像を VR させる
Three.jsで360°パノラマ画像を VR させる VRを作るのに前回のプラグイン「WP-VR
-
-
WordPressでカテゴリー名も検索にひっかけるプラグイン「Search Everything」
WordPressでカテゴリーも検索にひっかけるプラグイン「Search Everything 8.
-
-
WordPress レスポンシブ テンプレート 元にサイトを作ってみる その1
「レスポンシブ テンプレート の メニューやブログの設置」の記事では、メニューやブログの設置例をやっ
-
-
canvas タグでお絵描き(レスポンシブ)
簡単なメモ張みたいなものが欲しいので作ってみました。 canvas のレスポンシブが少しひっかかっ
- PREV
- WordPress タイトルの変更