●リッチテキストエディタでBootstrapのアイコンが消える
Movable Type 6にて標準搭載されているリッチテキストエディタのTinyMCEがあります。
このTinyMCEのエディタを使用し、HTML編集モードにして以下のHTMLを記述します。
<p><span class="glyphicon glyphicon-circle-arrow-right"></span></p>
<span class="glyphicon glyphicon-circle-arrow-right"></span>はBootstrapのアイコンの記述です。
その後、リッチテキストエディタ（WYSIWYGモード）に切り替えると、HTMLのタグが消えて以下の様になってしまいます。
<p><br /></p>
これでは本文中にBootstrapのアイコンを入れることができません！ なんてこった！
●TinyMCEの設定を変えれば良いのでは？
TinyMCE自体は様々なCMSなどで使用されているので、TinyMCEそもそものの設定を変更すれば何とでもなるのでしょうが、検索してもあまり良い情報には辿り着かず…。
海外でも悩んでいる方はいるようなのですが、あまりうまくいっていないような…。
- Bootstrap icons get deleted（TinyMCE - Forum）
●コミュニティに聞いて解決！
とても困ったので、Movable Typeのコミュニティ「MTQ」で聞いてみた！
すると、ナイスな回答が！ すばらしい！！
こんな情報を見つけました。TinyMCEConfigで同じように設定すれば解決できるかもしれません。
【MTのTinyMCEで空のspanを許可する - enlb】
http://enlb.sub.jp/2014/02/mttinymcespan.html
Movable Type 6のTinyMCEでタグが消える - MTQ | Movable Type ユーザーコミュニティ
TinyMCEConfigのプラグインを入れて設定画面で
$.extend(MT.Editor.TinyMCE.config, {
non_empty_elements: MT.Editor.TinyMCE.config.non_empty_elements + ",span"
});と入力したら無事に解決！
アイコンフォントの流儀によっては<i>タグを使うことも多いので、次のようにしておけば安心ですね！
$.extend(MT.Editor.TinyMCE.config, {
non_empty_elements: MT.Editor.TinyMCE.config.non_empty_elements + ",span,i"
});コミュニティのありがたさを感じました。ありがとうございます！
それでは、よいMovable Typeライフを。
●関連情報
Movable Typeのコミュニティフォーラムは次のリンクから。
Movable TypeのTinyMCEConfigプラグインのダウンロードは次のリンクから。
- TinyMCEConfigプラグイン（The blog of H.Fujimoto）