CSSフォーマットのドロップダウンで不要なspanタグが入る
-
WordPress 3.9とTinyMCE Advanced 4.0.2で、htmlタグspanが追加される現象です。以下の1-3の流れです。
基本プラグインTynyMCE4.0での、TynyMCE Advanced 4..0.2回りの現象です。1. CSSフォーマットのドロップダウンメニュー設定
見出し2のCSS設定事例です。Editor-Style.cssでの設定部分です。
.style-h2 {
width: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-left-width: 3px;
border-left-color: #008000;
border-left-style: solid;
padding-top: 4px;
padding-left: 7px;
}2. TinyMCE Advanced 4.0.2のドロップダウンメニュー選択
TinyMCE Advancedのフォーマットドロップダウンから、style-h2の選択でスタイルが設定されます。ところが、次のように前後にspanタグが入る状況があります。
<h2><span class=”style-h2″>サンプル見出し2</span></h2>
・WordPress 3.8とTinyMCE Advanced 3.9までは、この現象は出ていません。
・h2以外の例では、本来期待するpタグがspanタグに置き換わります。
前後に段落がああるので本来なら → <p class=”style-a”>サンプル</p>
ところがこのように → <span class=”style-a”>サンプル</span>3. タグ補正
手動でタグの補正を行えばよいのですが、毎回の話なので面倒です。◇仕様または回避法
結果として、WordPress 3.9とTynyMCE4.0/TinyMCE Advanced 4.0.2では段落からspan挿入に変わった状況です。これは仕様なのか、それとも回避方法があるのか分かりません。
仕様で、回避方法が無いのであればそれで納得するしかないとは思っています。アドバイスをいたけると助かります。
- トピック「CSSフォーマットのドロップダウンで不要なspanタグが入る」には新たに返信することはできません。