2

我想编辑一个绝对定位的 DIV，它位于可内容编辑的 DIV 中。这适用于 IE、Chrome、Safari 和 Opera，但不幸的是不适用于 Firefox。

这是代码：

<DIV contenteditable="true"
style="border:1px solid #F00; width:220px; height:220px;">
<DIV>
<P>DIV 1, editable</P>
</DIV>
<DIV style="position:absolute; left: 20px; top: 50px;">
<P>DIV 2, not editable in FF !?</P>
</DIV>
</DIV>

我已经在http://jsfiddle.net/Jf54f/4/中进行了不成功的尝试

这是一个错误吗？有人有解决方法吗？提前致谢 ：-）

4

3 回答 3

1

好吧，你不应该设置 contenteditable="true" 试试 contenteditable。该术语没有任何值，您可以为 chrome 和 IE 添加诸如“纯文本”之类的值，因为它们允许使用 ctrl+b 和所有格式进行格式化。

<DIV contenteditable id="">

尽管正如我的朋友所说，它适用于所有浏览器。我也试过了，确实如此。

于 2012-09-27T16:53:35.230 回答
1

在可编辑元素上设置position:relative，以便定位的 div 被认为在其中。（很可能是实现中的错误）

演示在http://jsfiddle.net/Jf54f/8/

于 2012-09-27T16:59:37.737 回答
1

contenteditable="true"从主目录中删除div并将其添加到两个内部 div 效果很好。

在这里检查：http: //jsfiddle.net/RASG/Jf54f/10/

于 2012-09-27T17:05:15.013 回答