私はSCAYT/GRAYTプラグインを使用するCKエディタの実装があり、CK Editor自体のバグと思われるものが見つかりました。GRAYTプラグインがエディタでHTMLを壊しています
私はこのHTMLを考えてみましょうバージョン4.5.11
を使用しています:私のエディタの負荷とHTMLコンテンツがレンダリングされると
<tr>
<td align="left" bgcolor="#e6e1ce" height="30" id="table_column1" valign="middle"><span style="font-family: verdana,geneva,sans-serif,arial;">Content</span></td>
<td align="left" bgcolor="#f8f9f3" height="30" id="table_column2" valign="middle"><span style="font-family: verdana,geneva,sans-serif,arial; ">Content</span></td>
<td align="left" bgcolor="#e6e1ce" height="30" id="table_column1_2" valign="middle"><span style="font-family: verdana,geneva,sans-serif,arial;">Content</span></td>
</tr>
、SCAYTとGRAYTプラグインはその魔法を行うと、チェックを開始スペルや文法の問題の内容
問題はGRAYTです。 <td>
要素の2つのテキストを1つの文または句として間違えて、その末尾にと書かれた<span>
を配置しようと試みます。は、ユーザーに文法を修正するよう単に伝えます。
代わりに、それはこの結果を生成します。
<tr>
<span class="gramm-problem" data-grayt-phrase="Content Content">
<td align="left" bgcolor="#e6e1ce" height="30" id="table_column1" valign="middle">
<span style="font-family: verdana,geneva,sans-serif,arial;">Content</span>
</td>
<td align="left" bgcolor="#f8f9f3" height="30" id="table_column2" valign="middle">
<span style="font-family: verdana,geneva,sans-serif,arial; ">Content</span>
</td>
</span>
<td align="left" bgcolor="#e6e1ce" height="30" id="table_column1_2" valign="middle">
<span style="font-family: verdana,geneva,sans-serif,arial;">Content</span>
</td>
</tr>
は明らかに、これは無効なHTMLであり、望ましくありません。実際の問題は、エディタでテーブルのレイアウトを分割することです。
私はこれを解決するために何ができるか知っていますか? CK Editor/Web Spell Checkerのドキュメントをチェックすると、この機能の制御方法に関する情報はほとんどありませんでした。せいぜい、私はそれを無効にすることができます。私はそれも望ましくないと信じています。
こんにちは@shruggernaut、http://codepen.io/を見てみましょうf1ames/pen/bwKLJK。そこに問題を再現できますか?たぶん追加の設定オプション/特定のHTML(または特定のブラウザ)の場合ですか?そこに問題が再現できるようにコードを調整することができれば、進める方が簡単です。 – f1ames