TinyMCE圖像對齊

Question

TinyMCE對齊圖像一直很困難。對齊標籤或添加style =「float：left;」一直是它的解決方案。理想情況下，我只想添加class =「left」或class =「right」，以便可以設置圖像的邊框和邊距。

到目前爲止，不使用advimage插件的唯一方法是插入圖像，然後選擇它，從樣式菜單中選擇一種樣式。

理想情況下，我應該能夠使用圖像對話框中的對齊控件來設置對齊類或在主編輯窗口中使用工具欄上的對齊控件。

我剛纔又開始尋找一個解決這個，現在IE6終於開始死了，我可以用CSS中選擇屬性，因此

IMG[style="float: left;"] {} 

的作品，但我寧願使用一個類如果有任何其他風格屬性會導致選擇器失敗。並且它在IE6中不起作用，並且您知道一些企業客戶仍然會在運行血腥的事情！

因此，我查看了TinyMCE文檔，發現了格式配置選項，這似乎允許您指定tinyMCE如何爲各種操作應用代碼。在這裏，我可以添加IMG標籤作爲選擇器，並且有類：「左」用於alignleft函數。

當從工具欄中選擇對齊方式時，該類將正確應用，但在通過圖像對話框選擇對齊方式時仍會寫入內聯樣式。

我做錯了什麼或者是否有更好的方法來做到這一點，這將允許我的客戶從圖像對話框和工具欄中選擇圖像對齊方式，同時將圖像類應用到圖像上？

Answer 1

嗨，這可以通過使用advimage插件，並啓用風格（維基中的小錯誤）作爲有效元素來完成。同時更新您的tinymce版本，因爲我在論壇上讀到，在最新版本中定位時存在一些問題。