ビジュアルエディターで、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を挿入しない」習慣

あたりで回避かな。

 

「入れ子構文中のみ、自動整形を無効化する」ができれば良いのですが。