2013-06-02 60 views
2

我試圖在用戶嘗試在編輯器中附加圖片時操縱tinyMCE的功能。我想要達到的是硬編碼圖片的屬性。所以當他選擇一張照片時,我想禁用SIZE選擇,方向和所有其他選項。這是可能的,有什麼辦法做到這一點......我搜索了網頁,但沒有任何運氣。我的想法是打開腳本文件或tinyMCE圖像插件,並更改腳本所需的內嵌樣式的值,但我會很高興看到是否有更優雅的解決方案。如何操作tinyMCE圖像功能

由於提前, Z.

回答

1

您可以在unselectable=true屬性添加到圖像。這樣圖像無法調整大小(您可以在將內容保存到數據庫之前刪除該屬性)。要禁止圖像的特殊屬性,可以使用tinymce valid_elements設置定義允許哪些屬性。

UPDATE:這是CSS,需要使用TinyMCE的PARAM content_css爲了使圖像不調整大小

img { 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; /* IE10+ */ 
    user-select: none; 
} 
+0

這是屬性的工作跨瀏覽器設置?因爲我通過更改img標籤屬性來成功操作size.click和其他東西,通過content.css ...但我仍然面臨着拖動的問題。另外還有一個有趣的問題......當我導入圖像時,有時候文本並沒有圍繞它流動,並將圖像壓低... – cyrat

+0

sry,無法選擇僅適用於IE。看看我的更新後的其他瀏覽器的帖子 – Thariama

+0

好的,圖像周圍的文字浮動怎麼樣?我注意到,如果在圖像添加後編輯器爲空(段落中沒有文本)時添加圖像,則文本開始將圖像向下推...在進行了一些跟蹤之後,我注意到圖像被添加到內部該段落,但如果段落是空白的並且您添加圖像 - 另一個段落出現在DOM中,並且您無法寫入該段落,從而使文本圍繞圖像流動。 – cyrat