WordPress4.0にアップデート後、「CKEditor For WordPress」が使えなくなった?しばらくは「TinyMCE Advanced」を使います(→解決しました)

186-1
 
WordPressで記事を書く時は「CKEditor For WordPress」を使ってます。
標準で入ってるエディターより使いやすいので重宝してます。
 
先日、WordPress4.0のアップデート通知があったので、いつもの通り実行。
ボタンをクリックするだけなので簡単ですね。
 
 
その時は記事も書かずに終了したのですが、数日経ってから、
ある記事を修正しようと画面を開くとおかしなことになってます。
 
  • 入力欄が真っ白で何も表示されていない
  • と思ったら、文字が白くなってるだけで消えてはいない(見えないだけ)
  • テキストモードなのでHTMLタグがそのまま表示されている
一瞬、データが消えたかと焦りましたが、そうではないようです。
 
この現象は何。。。 
 

 データは残ってますが。
186-2
 
スポンサーリンク

解決方法がありました!(2014/09/17 22:30追記)

この記事のコメント欄にて、解決方法を教えて頂きました。
設定したところ、無事にCKEditorが表示されましたよ。
 
ありがとうございました!
 
スポンサーリンク

バージョンアップで直りました(2014/09/21 17:30追記)

先日、バージョン4.4.4が公開され、
画面が白くなってエラーが出る現象が直りました。
これで大丈夫ですね。
 

 困りますが理由はわからず

CKEditorのバージョンは4.0.0.1。
 
プラグイン画面で確認して見ると、
「このプラグインは現在使用している WordPress のバージョンではテストされていません。」
とは表示されてます。
 
少し気になりますね。
 
 
Upgrading欄を見てみると、
「When upgrading from CKEditor For WordPress 3.6.3 to CKEditor For WordPress 4.0, make sure to clear browser cache (Ctrl+Shift+Delete).」
とありましたので、とりあえずキャッシュを消してみます。
 
現象は変わらず。
これまで何回もアップデートしてきましたがこんなことは初めて。
 
 
Chromeのデバックモードでconsoleを見てみると、
何かしらJavaScriptのエラーが発生しているようです。  
Uncaught TypeError: Cannot read property ‘insertBefore’ of null
Uncaught TypeError: Cannot read property ‘top’ of undefined
Uncaught TypeError: Cannot read property ‘hasClass’ of undefined
 
ここからエラー箇所を追うのは厳しそう。
 

古いCKEditorを使ってもだめ

ダメもとで昔のバックアップデータから古いCKEditorを戻してみました。
 
やはり結果は同じで、真っ白な画面です。
そもそもCKEditorのバージョンがいつ4.0.0.1に変わったか不明ですし。
 
WordPress4.0とCKEditor4.0.0.1の相性が良くないのかと思い、
ネットで探してみましたが同じ現象になった人は見つかりません。
 
WordPressのトラブルシューティング情報は多い方だと思うんですけどね。
 

別のプラグイン「TinyMCE Advanced」を使います

いつまでも記事が作成できないのは困りますので、
代わりのエディタープラグインとして「TinyMCE Advanced」を使うことにしました。
 
設定をいくつか変更すると、CKEditorの操作感にだいぶん近づいてきました。
当面はこのエディターのお世話になりそうです。
 

まとめ

WordPress4.0のアップデートが原因かはわかりませんが、
「CKEditor For WordPress」が使えなくなりました。
 
入力欄が真っ白、文字がHTMLになってます。
 
とりあえずTinyMCE Advancedでがんばれそうなんですが、
そのうちエラーの原因がわかればうれしいですね。
 
やはり使い慣れたエディターが一番ですので。
 
スポンサーリンク


Pocket

カテゴリー: WordPress タグ: , , ,

■前後の記事です
2 comments on “WordPress4.0にアップデート後、「CKEditor For WordPress」が使えなくなった?しばらくは「TinyMCE Advanced」を使います(→解決しました)
  1. 添田 より:

    私も同じ現象でググってたんですが、解決方法が見つかったようです。

    http://shimi.mond.jp/website/cafelumiere/2014/09/wordpress4-0upgrade_ckeditor_2.php/trackback

    私も実行して大丈夫になりました。

    • だーしゅ より:

      添田さん、コメントありがとうございます。

      教えて頂いた方法を試してみると、無事にCKEditorが表示されました!
      これでいつもの感じで記事が書けますよ。
      ありがとうございました!

コメントを残す

メールアドレスが公開されることはありません。

だーしゅ
IT関係のお仕事してます。
最近は、まったりした小物を集めてます。
[当ブログについて]

最近の記事

最近のコメント