TinyMCE中填充的当前插件

我花了几个小时寻找一个插件，可以在图像中添加“padding:5px”之类的内容。每个人都是通过普通的html来实现的吗？我们的客户需要一种方法，只需使用按钮或右键单击上下文菜单即可添加此内容。有什么建议/解决方案，或者我必须自己开发

---

不需要对TinyMCE以外的其他产品提出建议。

最简单的方法是添加一个自定义样式表，该样式表只需设置为参数（）。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配置的示例代码段：

...
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。太好了，这回答了我的问题！如果我能得到一些按钮的代码，我会非常高兴：）这将非常有帮助，因为这是我第一次实现TinyMCE。