ビジュアルエディターで、table(th、td)の中に段落pを入れると1行目がおかしいことになります。
状況
1:テキストモードにして以下を挿入
<table>
<tbody>
<tr>
<th>ヘッダーセル</th>
<td><p>一行目一行目一行目一行目</p><p>二行目二行目二行目二行目</p></td>
</tr>
</tbody>
</table>
<p>一行目一行目一行目一行目</p><p>二行目二行目二行目二行目</p>
2:ビジュアルモードにする
<table>
<tbody>
<tr>
<th>ヘッダーセル</th>
<td>一行目一行目一行目一行目
二行目二行目二行目二行目</td>
</tr>
</tbody>
</table>
一行目一行目一行目一行目
二行目二行目二行目二行目
3:出力
<table>
<tr>
<th>ヘッダーセル</th>
<td>一行目一行目一行目一行目
<p>二行目二行目二行目二行目</p></td>
</tr>
</table>
<p>一行目一行目一行目一行目</p>
<p>二行目二行目二行目二行目</p>
発生条件
- ul、ol、dlでも同じことが起きる
- blockquote、div divでは起きない。
どうやら入れ子前提の構文で起きるようです。
- 自動成型無効化
- TinyMCE Advancedの「クラシックブロックとクラシックエディター内のパラグラフタグを保持」オプション
- 「入れ子構文中にpを挿入しない」習慣
あたりで回避かな。
「入れ子構文中のみ、自動整形を無効化する」ができれば良いのですが。