當前在TinyMCE中填充的插件

Question

我一直在尋找幾個小時來找到一個插件，可以爲圖像添加諸如「padding：5px」之類的東西。每個人都通過純html做到這一點嗎？我們的客戶只需使用按鈕或右鍵單擊上下文菜單即可添加此功能。任何建議/解決方案還是我必須自己開發？

關於TinyMCE以外的其他產品的建議沒有必要。

Answer 1

最容易使用的是添加一個只需設置爲參數的自定義樣式表（content_css）。例如用於TinyMCE的配置的代碼片斷：

... 
theme: 'advanced', 
content_css: "http://my_server/my_css/my_custom_css_file.css", 
... 

這個CSS應該包含類似的TinyMCE的按鈕下面

img { 
    padding-left: 5px; 
} 

該代碼是有點複雜（但如果識破我可以張貼它作爲按鈕代碼：良好）和CSS被使用以下

$(ed.get('my_editor_id').getBody()).find('img').css('padding-left','5px'); 

更新集

tinyMCE.init({ 
    ... 
    setup : function(ed) { 
     ed.onInit.add(function(ed, evt) { 
      ed.addButton ('wrap_div', { 
      'title' : 'my title', 
      'image' : 'my_image.png', 
      'onclick' : function() { 
       ed.getBody().find('img').css('padding-left','5px'); 
      } 
     }); 
     }); 
    } 
});