Firefox - designMode：禁用圖像調整大小手柄

Question

如何防止用戶能夠在designMode中調整圖像大小？ （點擊圖像時禁用手柄）

Answer 1

說你把CONTENTEDITABLE上是這樣的：

document.body.contentEditable = true; 

所有你需要做的就是把它關掉了所有（或部分）的圖像。

var imgs = document.getElementsByTagName("IMG"); 
for (var i = 0; i < imgs.length; ++i) { 
    imgs[i].contentEditable = false; 
} 

Answer 2

嗯，你不能刪除那些既不調整在Firefox也不IE處理......至少我無法找到一個解決方案。

最後我在Firefox中通過編輯FF安裝文件夾中的一些配置文件來管理它，我們不想這樣做，對吧？

無論如何，如果要禁用調整大小，如果圖像（但調整處理仍然是可見的）只需添加一些CSS樣式，如：

img { 
    width: auto !important; 
    height: auto !important; 
} 

問候， 米哈伊洛

Answer 3

雖然問題是一個很久以前。 每個塊元素（div，img ...）將使用FF的句柄進行裝飾。 測試：

<div id="myDiv" contenteditable="true"><p>Sample text!</p></div> 

無柄，無調整等

<div id="myDiv" contenteditable="true"><p>Sample text!</p><img src="picture.jpg" /></div> 

的圖像可以調整。 所以你必須明確地調用contenteditable =「false」爲你不想處理的每個塊elem，因爲nickf已經說過這些圖像。

更奇怪： 將「position：absolute」賦值給任何元素 - 即使是父div也是如此 - 並且它再次處理。

Answer 4

我認爲你會發現這更容易接受。似乎在Firefox的工作，但我不知道其他瀏覽器：

document.execCommand("enableObjectResizing", false, false); 

它保持拖放能力完好無損。

Answer 5

這對Firefox正常工作：

document.execCommand("enableObjectResizing", false, false);

對於IE我使用：

image.attachEvent("onresizestart", function(e) { e.returnValue = false; }, false);

Answer 6

根據nmb.ten的我不能評論和投票卻又如此...答案，您必須使用：

document.execCommand("enableObjectResizing", false, false); 

但它的工作只有在你的內容被填充（我的意思是如果你必須編輯一些文本保存之前）。