如何找出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屬性不起作用的原因？

回答

相關問題