CKEDITOR 在图像上强制使用 VSPACE 和 HSPACE
CKEDITOR force VSPACE and HSPACE on images
我正在使用最新的 ckeditor 版本开发电子邮件编辑器。
为了提供与 outlook 的兼容性,我需要在图像上强制使用 HSPACE 和 VSPACE。
我发现了一些适用于以前的 ckeditor 版本的解决方法。
现在 CKEDITOR 的输出是:
<p><img alt="" src="/userfiles/images/river.jpg" style="float:left; height:900px; margin:10px; width:1600px" /></p>
我需要这样的东西:
<p><img alt="" src="/userfiles/images/river.jpg" align="left" vspace="10" hspace="10" /></p>
知道如何在上一个 ckeditor 版本上实现这一点吗?
提前致谢
我的方法会比修改ckeditor更简单。我会尝试做类似下面的事情。免责声明,此处的正则表达式可能无法正常工作。正则表达式不是我的强项,我需要大量的研究和时间才能正确使用它。根据输出的各种可能性,如果每个图像都有不同的需求,您可能必须遍历多个图像。但作为一个想法……我正在用 vspace 和 hspace 设置替换整个样式语句。请注意,editor
是您的编辑器实例的名称
window.onbeforeunload = function (e) {
data = CKEDITOR.instances.editor.getData();
data = data.replace(/<style=(.*)>/g, 'align="left" vspace="10" hspace="10"');
CKEDITOR.instances.editor.setData(data);
};
我正在使用最新的 ckeditor 版本开发电子邮件编辑器。
为了提供与 outlook 的兼容性,我需要在图像上强制使用 HSPACE 和 VSPACE。
我发现了一些适用于以前的 ckeditor 版本的解决方法。
现在 CKEDITOR 的输出是:
<p><img alt="" src="/userfiles/images/river.jpg" style="float:left; height:900px; margin:10px; width:1600px" /></p>
我需要这样的东西:
<p><img alt="" src="/userfiles/images/river.jpg" align="left" vspace="10" hspace="10" /></p>
知道如何在上一个 ckeditor 版本上实现这一点吗?
提前致谢
我的方法会比修改ckeditor更简单。我会尝试做类似下面的事情。免责声明,此处的正则表达式可能无法正常工作。正则表达式不是我的强项,我需要大量的研究和时间才能正确使用它。根据输出的各种可能性,如果每个图像都有不同的需求,您可能必须遍历多个图像。但作为一个想法……我正在用 vspace 和 hspace 设置替换整个样式语句。请注意,editor
是您的编辑器实例的名称
window.onbeforeunload = function (e) {
data = CKEDITOR.instances.editor.getData();
data = data.replace(/<style=(.*)>/g, 'align="left" vspace="10" hspace="10"');
CKEDITOR.instances.editor.setData(data);
};