5

次の機能はChromeのバグですか、それとも私が理解していない正しい動作ですか?

Chrome(バージョン25)で、このjsfiddleのように、:aftercssクラスを介してノードが追加されたコンテンツ編集可能なスパンがある場合

http://jsfiddle.net/yQBvn/

スパンのすべてのコンテンツを削除すると、最後の文字を削除した後、Chromeは<br>コンテンツの編集可能なスパンにを追加します。これは正しくないと思います。

:after cssコンテンツが追加されていない場合、Chromeがこれを行わないことを確認しました。また、Firefoxがこれを行わないことを確認しました。

4

2 に答える 2

4

何かクレイジーなものを見たいですか?!

http://jsfiddle.net/joeframbach/VXMEN/

<body>
<div id="EDIT-AREA">
    <span class='CHARACTER-NAME' contenteditable='true'>Bob</span><span>&nbsp;</span>
</div>
</body>

問題を修正した後、スペース付きのスパンを追加します。理由や方法を聞かないでください。

于 2013-03-25T04:25:39.267 に答える
0

FirefoxもcontenteditableのDIVを使用してこれを行います

コンテンツ編集可能でbambrタグ内のすべてのコンテンツを削除します。

空のCEから始め、フォーカスとヒットスペース、bam br

divの直後に空の要素を使用する上記の解決策は、:afterのような疑似要素の有無にかかわらず、何もしません。

スパンは機能しますか?

Chromeはテストされていません。

于 2013-09-24T09:45:51.817 に答える