1

我的一些 css/javascript 似乎有问题。我似乎无法让 contentEditable 在我的 web 应用程序中工作。这篇文章的答案启发了我尝试这种方法。

我在这里测试了我的浏览器，它工作正常。

是否有任何我应该注意的可能导致它不起作用的 CSS 规则？我可以选择对象（它突出显示 div），但我不能编辑/附加/删除对象中的任何文本。

我也确保document.designMode = "on"

不幸的是，它是一个内部应用程序，所以我无法获得每个人都可以尝试的链接。

--EDIT--
按要求截取代码

<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 参数是由 chrome 报告的： 替代文字

4

2 回答 2

0

不确定哪些样式规则可能会搞砸，但要弄清楚，首先我会尝试在 Firebug 中检查页面，突出显示您的 contenteditable 元素，然后一次关闭该元素的样式规则一个选择器，直到它开始去工作。

于 2010-08-20T20:48:29.190 回答
0

我看到您在 contenteidtable div 上使用 jquery UI 类“ui-draggable”。这可能是一个问题，因为默认情况下，可拖动的可编辑内容（如 textareas）会静音。如果您使您的 div 可从 js 中拖动并指定选项，则可以避免这种情况：

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

这是有关可拖动选项的更多详细信息

于 2017-01-07T14:48:09.253 回答