TinyMCE4で画像クリック時にエラーが出る

WordPressのビジュアルエディタには、「TinyMCE」というJavaScriptライブラリが使われています。僕はビジュアルエディタを全く使わない派ですが、WordPressプラグイン開発でTinyMCEプラグインを作成する必要があり、色々テストしてたら、TinyMCE4の画像クリック時にエラーが発生することが判明しました。

エラーが発生した環境は、WordPress 4.4 (TinyMCE 4.2.8)で、Google Chrome 60 (Mac)にて確認しました。WordPressのビジュアルエディタに挿入された画像をクリックすると、Chromeのコンソール画面に下記エラーが表示される、というもの。最新版のWordPress 4.8.1では、エラーは出ませんでした。

TinyMCE 画像クリック時にエラー

Uncaught DOMException: Failed to execute 'setBaseAndExtent' on 'Selection': There is no child at offset 1.

動作に支障は無さそうですが、コンソール画面に出るのが目障りなので、色々調べてみました。

Chromeのバグで、すでに修正済

主にChrome環境で発生するバグのようで、2017年3月30日にリリースされたTinyMCE 4.5.6で既に修正されているとのこと。WordPress 4.7.4のときに、TinyMCEがv4.4.3からv4.5.6にアップデートされたので、WordPress 4.7.4以降の環境であれば大丈夫っぽいです。

ちなみに、WordPress 3.9 (TinyMCE 4.0.21.1)でも確認したところ、同様のエラーが発生しました。TinyMCE3系は試してません。

しっかし、TinyMCEは日本語の情報が少ないですね……。