如何去除 ckeditor 上传图片后在原码中留下的 style="..."之类的代码呢?
做完了编辑器的上传图片功能,发现个问题...
图片上传成功后将图片添加到文本里面后,img图片会多了个
style="..."
的属性, 这影响了我做手机端的适配
有没有办法去掉的.求助
﹀ァ亂髮ヤ
9 years, 9 months ago
Answers
CKEDITOR.on('instanceReady', function (ev) {
var editor = ev.editor,
dataProcessor = editor.dataProcessor,
htmlFilter = dataProcessor && dataProcessor.htmlFilter;
// Out self closing tags the HTML4 way, like <br>.
dataProcessor.writer.selfClosingEnd = '>';
// Make output formatting behave similar to FCKeditor
var dtd = CKEDITOR.dtd;
for (var e in CKEDITOR.tools.extend({}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent)) {
dataProcessor.writer.setRules(e,
{
indent: true,
breakBeforeOpen: true,
breakAfterOpen: false,
breakBeforeClose: !dtd[e]['#'],
breakAfterClose: true
});
}
// Output properties as attributes, not styles.
htmlFilter.addRules(
{
elements:
{
$: function (element) {
// Output dimensions of images as width and height
if (element.name == 'img') {
var style = element.attributes.style;
delete element.attributes.style;
}
if (!element.attributes.style)
delete element.attributes.style;
return element;
}
},
attributes:
{
style: function (value, element) {
// Return #RGB for background and border colors
return convertRGBToHex(value);
}
}
});
});
黑暗苹果汁
answered 9 years, 9 months ago