4

次のユーザーインターフェイスを試してみたいと思います
。1。コンテンツは、引用符とそれに続くコメントで構成されています。
2.コメントは編集可能ですが、引用は編集できません。ただし、引用符では、引用符の一部を強調表示したり、太字にしたりすることができます。3.
テキスト全体（引用符とコメントを含む）を選択して、リッチテキストとしてコピーできる必要があります。できれば、その中の引用を含む選択を削除することが可能です（ただし、選択が引用の途中で停止する場合は興味深いかもしれません）。
4.できれば、強調表示機能などは、引用とコメントで類似している必要があります（おそらく、テキスト領域の上に太字、斜体などのアイコンが付いたツールバー）。

contenteditable divと、contenteditable=false要素を含む周囲の引用符を使用してこれを実行してみました。例を以下に示します

<div id="editor" contenteditable="true"
    style="height:200px; border:1px solid black">
This is some editable content.
  <p><div contenteditable="false">This content should not be editable
    <i contenteditable="true">(but this is)</i>.
  </div></p>
</div>

ただし、Chrome（およびおそらくWebKit）ではcontenteditable要素の読み取り専用部分内のテキストを選択できますが、Firefoxではcontenteditableを1つの大きなブロックとして扱い、一度にすべてを選択できることがわかりました。これを回避する方法はありますか？私が提案していることを行うためのより良い方法はありますか？

4

1 に答える 1

0

これを試すことができます。

<div id="editor" style="height:200px; border:1px solid black">
<p contenteditable="true">This is some editable content.<p>
<div>
<p>This content should not be editable
<i contenteditable="true">(but this is)</i>.
</p></div>
</div>

これが役に立ったことを願っています

于 2013-02-06T10:17:28.367 に答える