如何防止CKEDITOR添加图像尺寸作为样式？
而不是这样：
<img src="image.jpg" style="height:100px; width:100px;">
我要这个
<img src="image.jpg" height="100px" width="100px">
解决方法
你可以通过在CKEditor的config.js中插入这个代码来解决这个问题
CKEDITOR.on('instanceReady',function (ev) {
// Ends self closing tags the HTML4 way,like <br>.
ev.editor.dataProcessor.htmlFilter.addRules(
{
elements:
{
$: function (element) {
// Output dimensions of images as width and height
if (element.name == 'img') {
var style = element.attributes.style;
if (style) {
// Get the width from the style.
var match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec(style),width = match && match[1];
// Get the height from the style.
match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec(style);
var height = match && match[1];
if (width) {
element.attributes.style = element.attributes.style.replace(/(?:^|\s)width\s*:\s*(\d+)px;?/i,'');
element.attributes.width = width;
}
if (height) {
element.attributes.style = element.attributes.style.replace(/(?:^|\s)height\s*:\s*(\d+)px;?/i,'');
element.attributes.height = height;
}
}
}
if (!element.attributes.style)
delete element.attributes.style;
return element;
}
}
});
});
