WordPressのビジュアルエディタとPinterestのブラウザボタンの問題:メモ

トラブル対応中に妙な状況に遭遇し、更に調べるという嫌な展開になりましたが、原因が分かったようなのでメモとして。

状況

まずは状況を。

WordPressのバージョンは4.5.3
画像を挿入(ビジュアルエディタでもテキストエディタでも可)
テキストエディタの場合はビジュアルに一度切り替える
テキストエディタに戻すと、spanタグが勝手に挿入されている
プレビューで見ると画像が消えている(ソースを見ても跡形も無い)
テキストエディタで画像を挿入してビジュアルエディタに切替なければ問題はない
特定のブラウザだけに起こる(この時はFirefox）

実際に挿入されたのは以下のコードです。


<span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c  no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;">保存</span>

ビジュアルエディタとテキストエディタの切替時の動作に関しては先日から悩まされていましたので、また予期せぬ動作かとあわてて調査した次第です。