我一直在寻找几个小时来找到一个插件,可以为图像添加诸如“padding:5px”之类的东西。每个人都通过纯html做到这一点吗?我们的客户只需使用按钮或右键单击上下文菜单即可添加此功能。任何建议/解决方案还是我必须自己开发?当前在TinyMCE中填充的插件
关于TinyMCE以外的其他产品的建议没有必要。
我一直在寻找几个小时来找到一个插件,可以为图像添加诸如“padding:5px”之类的东西。每个人都通过纯html做到这一点吗?我们的客户只需使用按钮或右键单击上下文菜单即可添加此功能。任何建议/解决方案还是我必须自己开发?当前在TinyMCE中填充的插件
关于TinyMCE以外的其他产品的建议没有必要。
最容易使用的是添加一个只需设置为参数的自定义样式表(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');
}
});
});
}
});
太棒了,这回答我的问题!我可以得到一些按钮的代码,我会很高兴:)这将有助于很多,因为这是我第一次实施TinyMCE。 – 2012-04-18 11:56:36
看到我更新的答案 – Thariama 2012-04-18 13:02:33
你想在按钮上单击它还是仅仅为编辑器中的每个图像?是否希望稍后在编辑器内容中或在编辑模式下出现? – Thariama 2012-04-17 09:11:42
基本上什么都行.. – 2012-04-17 10:48:54