2012-03-13 106 views
0

我想让内容可编辑div的内容不可编辑。 比方说,我有这样的结构:用透明div覆盖跨度/图像

<div contenteditable=true></div> 

现在一些功能结构将成为

<div contenteditable=true> <p class="x">abc</p> some text <p 
class="x">abc</p><p class="x">abc</p><p class="x">abc</p> again 
editable continues</div> 

我想让DIV部分不可编辑的(开始形成第一<p>标签到最后<p>标签,所以我决定用透明div来覆盖它们,如果<p>标签是连续的,但是如果它们之间有一些文本,它是可编辑的(它没有被透明div覆盖),这可以很好地工作

是否有解决方案来覆盖一些内容的可编辑div与透明div 或使其部分不可编辑?

注意:我不想用所有其他元素包装所有<p>标签。

+0

为什么不能简单地用输入字段? – isotrope 2012-03-13 14:46:32

回答

0

你可以做相反的 - 集DIV contenteditable=false和跨度包裹可编辑区与contenteditable=true

+0

我不想做这样的事情.....我想用透明图像来覆盖内容的一部分可编辑div – 2012-03-15 15:41:29