tinymce - 当前 TinyMCE 中的填充插件

Question

我一直在寻找几个小时来找到一个可以在图像中添加诸如“填充:5px”之类的东西的插件。每个人都通过纯 html 做到这一点吗？我们的客户需要一种方法来简单地使用按钮或右键单击上下文菜单来添加它。有什么建议/解决方案，还是我必须自己开发？

不需要关于 TinyMCE 以外的其他产品的建议。

Answer 1

最容易使用的是添加自定义样式表，只需将其设置为参数 (content_css)。 tinymce 配置的示例代码片段:

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

这个 css 应该包含如下内容

img {
    padding-left: 5px;
}

tinymce 按钮的代码有点复杂(但如果明智的话，我也可以发布它)并且使用以下内容设置 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');
            }
        });
      });
   }
});