WordPressとInternet Explorer 11環境でテーブル内の文字がうまく打てない場合の対処例

数日前に、WordPressでテーブル内に日本語がうまく入力できないという相談を受けて修正を行った時のメモを残しておきます。

IE11からWordPressのテーブル内の文字がキーを押すたびに確定されてしまう

自分はWordPressを使用するときは、いつもChromeを使用しているため気付かなかったのですが、IMEの日本語入力モードでテーブル内に文字を入力しようとすると、キーを一回押すたびに文字が確定されてしまってうまく文字が入力できませんでした。

上記画像のように、テーブル内に「日本語入力」と入力しようとすると、キーを一回押すたびに、その都度エンターキーを押したかのように文字が確定されてしまうため、「ｎいｈおｎｎｇおｎｙうｒｙおｋう」のような状態になってしまいます。

原因はWordPressバージョン4.4.2のTinyMCEが原因？

Google検索で色々調べていると、どうやら現時点での最新のWordPressのバージョンである4.4.2にインストールされているTinyMCEのJavaScriptに原因があるという情報をフォーラムで発見しました。

投稿記事の中にある表の文字入力
https://ja.forums.wordpress.org/topic/153090

フォーラム内では、WordPress4.4.2以降にリリースされたTinyMCE公式サイトから最新版(4.3.8)のJavaScrip(tinymce.min.js)をダウンロードし、問題となっているWordPressがインストールされているサーバー内の/wp-includes/js/tinymce/wp-tinymce.js.gzを解凍し、中に入っているwp-tinymce.jsへ上書きして再圧縮し、再度サーバーへアップロードすることで症状が改善したということでした。

しかし自分の環境では改善しなかった・・・が別の方法で解決

自分が使っているバージョンとフォーラム内で挙げられているバージョンは同じはずなのに、何故か自分の環境では改善しませんでした・・・。微妙に違うのか？と思いつつサーバー内のファイルを眺めていると、TinyMCE公式でダウンロードしたファイルと同じファイル名が存在するのに気付きました。

・・・ひょっとしてこれかな・・・？と思い、最新版のtinymce.min.jsをサーバーへ上書きしてみたところ、無事Internet Explorer 11でもテーブル内で文字を入力することができるようになりました。

次期バージョンのWordPressで改善予定

この症状は、TinyMCE公式で既に修正済みで、次回リリース予定のWordPress4.5で最新のtinymce.min.jsに置き換えられるようなので、わざわざこのようなことをしなくてもアップデートを待つのも良いと思いますが、「アップデートまで待てない！」という方はフォーラムの対処例含めて試してみると良いかもしれません。

サーバーのファイルを上書きする場合は、オリジナルのファイルをバックアップして、不具合が出た場合いつでも戻せるように準備してから上書きすることをおすすめします。