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应包含以下内容

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');
            }
        });
      });
   }
});

用于在TinyMCE中填充的当前插件

1 个答案: