1. 问题:
使用富文本编译器(tinymce)时,复制的文章到编译器不显示有空白行,点击编译器上的HTML源码会有显示有很多div空标签,如下图:
粘贴完展示时候是没有的,如下图:
保存后点击查看或者编辑时就会有空白行,就会给人一种保存后才出问题的错觉,如下图:
2. 解决方案
使用编译器的“粘贴”插件,import 'tinymce/plugins/paste',然后要在 init 的 plugins(指定需加载的插件) 配置中加上 paste,并且 init 中加上粘贴的时候总是保留WebKit中的样式配置paste_webkit_styles: 'all'
这样做的的目的是,粘贴的时候不处理空白行,如下图: