如何找出contenteditable属性不起作用的原因？

我似乎有一些我的CSS/JavaScript的问题。我似乎无法让我的webapp中的contentEditable工作。我从this post的答案中得到灵感，试试这种方法。如何找出contenteditable属性不起作用的原因？

我测试了我的浏览器here，它工作正常。

有没有任何css规则我应该知道这可能导致它无法正常工作？我可以选择对象（它突出显示div），但我无法编辑/追加/删除对象中的任何文本。

我也确信，document.designMode = "on"

不幸的是它是一个内部应用程序，所以我不能让每个人都去尝试链接。

- 编辑 -
守则要求

<div id="textarea_textObject0_preview_container" class="te_preview" style="width: 650px; height: 365px; overflow-x: hidden; overflow-y: hidden; text-align: left; background-image: url(http://172.18.4.249/workspace/tc-a/web/style/images/bgrid.jpg); "> 
<div style="display: inline-block; position: relative; cursor: move; font-weight: normal; font-style: normal; text-decoration: none; left: 170px; top: 129px; " class="ui-draggable" contenteditable="true">Start Text</div> 
</div>

一些CSS参数对铬报道剪断： alt text

来源

2010-08-20 rnavarro

更多的细节你并不需要同时将designMode和CONTENTEDITABLE属性：可如果你让你的div从JS拖动并指定选项来避免。你能提供一些代码示例吗？ – Gary 2010-08-20 20:42:49

我并不认为我需要这两个，但为了它，我尝试了它。我已经用代码示例和一些CSS属性更新了主帖。 – rnavarro 2010-08-20 20:56:21

不知道什么副手样式规则可能会搞砸，但要弄明白，首先我会尝试检查Firebug中的页面，突出显示您的contenteditable元素，然后关闭该元素的选择器的样式规则，直到它开始工作。

来源

2010-08-20 20:48:29 RwwL

感谢您的提示RwL，我只是想（除了铬），我什么都不能正常工作。我禁用了几乎所有的CSS东西，没有结果=（ – rnavarro 2010-08-20 20:57:12

我看到你正在使用可视化div上的jQuery UI类“ui-draggable”。这可能是一个问题，因为默认情况下可拖动的沉默可编辑的内容，如textareas。

$('div').draggable({ 
    cancel: 'div' 
}

这里有draggable options

来源

2017-01-07 14:48:09 AAryz

如何找出contenteditable属性不起作用的原因？

回答

相关问题