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 视为一个大块并一次全部选择。有没有办法解决？有没有更好的方法来做我建议的事情？

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 回答