1

TinyMCE には次の問題があります。

次のコードを TinyMCE インスタンスに挿入しました。

<p><a href="/_pics/articles/large/WAbOlemChF.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/WAbOlemChF.jpg" alt="b" /></a></p>
<p><a href="/_pics/articles/large/cT89QKCChs.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/cT89QKCChs.jpg" alt="v" /></a></p>

この結果は次のとおりです。

上の画像に示されているようにカーソルを置き、DELETE キーを押すと、次のようになります。

コードをチェックアウトすると、次のようになります。

<p><a href="/_pics/articles/large/cT89QKCChs.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/WAbOlemChF.jpg" alt="b" /><img class="img-center" src="/_pics/articles/cT89QKCChs.jpg" alt="v" /></a></p>

A タグがマージされていることに注意してください。ご想像のとおり、「href」属性が異なるため、これは大きな問題を引き起こします。両方の A タグを同じ段落に入れることを期待していましたが、それらは区別しておいてください。

これは TinyMCE のバグですか、それとも同じ A タグのみをマージするように微調整できる設定が何かありますか?

v3.5.6、jQuery バージョンを使用しています。

4

2 に答える 2

0

TinyMCE でコードを台無しにしたくない場合は、クラスを指定してください。これは WordPress の実装で機能するので、うまくいけばあなたにも役立つでしょう。

例..

<p class="image"><a href="/_pics/articles/large/WAbOlemChF.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/WAbOlemChF.jpg" alt="b" /></a></p>
<p class="image"><a href="/_pics/articles/large/cT89QKCChs.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/cT89QKCChs.jpg" alt="v" /></a></p>

クラスを定義する必要はありません。必要に応じて空のクラスを指定してください。ポイントは、TinyMCE はクラスを持つものを削除しないため、コードはそのままにしておく必要があるということです。

于 2012-09-24T09:45:33.973 に答える
0

おそらくブラウザにバグがあるという事実が原因で、多くの奇妙な削除動作がありました。解決策は、削除プロセスを処理し、独自のアクションを実行してデフォルトの動作をバイパスすることでした。このために、望ましくないことが発生したいくつかのシナリオを定義し、それを修正できるようにそのケースを分離しようとしました。

于 2012-09-24T09:31:39.353 に答える