富文本编译器复制文本后没有显示有空白行,保存后查看和编辑时显示空白行

1. 问题:

使用富文本编译器(tinymce)时,复制的文章到编译器不显示有空白行,点击编译器上的HTML源码会有显示有很多div空标签,如下图:

粘贴完展示时候是没有的,如下图:

保存后点击查看或者编辑时就会有空白行,就会给人一种保存后才出问题的错觉,如下图:

2. 解决方案

使用编译器的“粘贴”插件,import 'tinymce/plugins/paste',然后要在 init 的 plugins(指定需加载的插件)  配置中加上 paste,并且 init 中加上粘贴的时候总是保留WebKit中的样式配置paste_webkit_styles: 'all'

这样做的的目的是,粘贴的时候不处理空白行,如下图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值