TinyMCE將類添加到img標記

Question

我在我的CMS中使用TinyMCE編輯器作爲獨立編輯器。

該網站默認在cms div ID內的任何圖像標籤周圍放置一個曲線邊框。

我需要在CMS中通過添加class="no-style"來避開添加到頁面的圖像不應該具有CSS邊框的選項。不過我沒有看到用TinyMCE做到這一點。

所有我看到的是一種輸入樣式標籤的方法，但這不起作用，因爲我在CSS中使用的代碼是用來製作邊框的：

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); behavior: url(js/PIE.htc); 

所以採取所有這些爲0px每次我要做一個像採用無邊框耗時別說太多普通人。 http://d.pr/i/wslc

有沒有辦法有一個下拉或文本框如果有人可以鍵入「一樣的風格」一類的名稱，如無風格，將在：

所以這個頁面上

style.css將這些屬性設置爲零？

謝謝！

Answer 1

嘗試把你的代碼放在tinyMCE的html模式中。

Answer 2

TinyMCE對此有支持。

當添加新圖像（Insert/Add Image-popup）時，單擊標籤Appearance。在Class的下拉列表中，選擇Value並輸入no-style。我認爲你可以自定義TinyMCE來支持你自己的類（即它已經列出），但我不知道你如何做到這一點。如果您不想每次手動輸入文檔，查看文檔都會有所幫助。

編輯：啊，我在回答之前沒有看這張照片。看起來你有一個過時的TinyMCE版本。在網頁上可以找到上述的下拉菜單：Official site。

Superedit：如果您已經有最新版本，請查看您正在加載的插件。看看官方網站的來源，並將其與您自己的比較。

Answer 3

您需要定義預定義類的列表，根據https://www.tinymce.com/docs/plugins/image/#image_class_list

添加以下內容tinymce.init

image_class_list: [ 
    {title: 'None', value: ''}, 
    {title: 'Lightbox', value: 'lightbox'}, 
] 

輸出