4

「EmbeddedSection」div (再帰的) を含む contentEditable 記事があり、その上下に段落があります。クロムでは、段落が空の場合、実際にはそこに到達できません。IE ではできますが、サイズがすべて間違っています。

http://jsfiddle.net/hE8zS/1/

<article contenteditable="true">
   <p><span class="numbering">Title</span><span class="TextChunk"></span></p>
   <div class="EmbeddedSection">
       <p><span class="numbering">1</span><span class="TextChunk">Section Title</span></p>   
       <div class="EmbeddedSection">
           <p><span class="numbering">1.1</span><span class="TextChunk">Embedded title</span></p>
           <p><span class="TextChunk">Th</span><span class="TextChunk">e </span><span class="TextChunk">.</span></p>
       </div>
       <p><span class="TextChunk"></span></p> <!--Can't get to this element-->
       <div class="EmbeddedSection">
           <p class="Paragraph"><span class="numbering">1.2</span><span class="TextChunk">Another title</span></p>
           <p class="Paragraph"><span class="TextChunk">Blah blah blah</span></p>
       </div>
       <p><span class="TextChunk">Can get here, but not the one above 1.2 in chrome (ie gets there).</span></p>
       <div class="EmbeddedSection">
           <p class="Paragraph"><span class="numbering">1.3</span><span class="TextChunk">Another title</span></p>
           <p class="Paragraph"><span class="TextChunk">Blah blah blah</span></p>
        </div>
        <p><span class="TextChunk"></span></p> <!--Can't get to this element-->
    </div>
</article>

空の段落のスタイルを設定できるかどうか、または何らかの形でそれらを到達可能にするものとしてマークできるかどうかは誰にもわかりませんか?

(注: ユーザーがその空白文字を編集して削除した後でも、空白文字を 1 つでも挿入できます。)

4

3 に答える 3

9

あなたは付け加えられます

:empty {
    display: block;
    height: 1em;
}

そしてそれはうまくいくようです：http://jsfiddle.net/hE8zS/3/

このページには、ブラウザーの互換性に関する情報が含まれています: https://developer.mozilla.org/en-US/docs/Web/CSS/:empty

于 2013-07-18T04:33:34.370 に答える
0

:empty は正しく選択されず、contenteditable とうまく機能しないため、実際には :empty の使用から移行しました。

私は実際に空の段落 (およびキーを押すとそれをスキップするための関連する JavaScript) にゼロ幅の空白を入れることになりました。ここでクロムのバグレポートを参照してください http://code.google.com/p/chromium/issues/detail?id=292334

于 2013-09-19T05:43:01.767 に答える