使用contentEditable选择和操作HTML文档中的只读部分
使用contentEditable选择和操作HTML文档中的只读部分
提问于 2010-02-20 19:52:59
我想尝试一下下面的用户界面：
- 内容由引号和注释组成。
- 注释是可编辑的，而引号是不可编辑的。但是，报价应该能够有突出显示，粗体等部分报价。
- 整个文本(包括报价和评论)应该能够被选择和复制出来作为富文本。最好是可以删除包含任何引号的选择(尽管如果选择停止在quotation).
- Preferably突出显示功能的中间，这可能会很有趣，等等)引号和注释应该类似(可能是在文本区域上方有粗体、斜体等图标的工具栏)。
我尝试使用一个可内容编辑的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
Stack Overflow用户
发布于 2013-02-06 18:17:28
你可以试试这个。
<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>希望这能有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2302065
复制相关文章
相似问题
腾讯云开发者
