ueditor复制文本有多余的空行问题

Posted lixiuke

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ueditor复制文本有多余的空行问题相关的知识,希望对你有一定的参考价值。

今天从ueditor中复制文本,粘贴到记事本中发现每一行后面都多了一个空行。

Ueditor中的文本如图:

技术分享图片

本来只有三行,全选复制所有内容,再粘贴到记事本中发现有每一行文本后面都有多余的空行:

技术分享图片

如果我想复制出来的文本与ueditor中显示一样,不要空行,该怎么做呢?

Ueditor中的内容实际上仍然是html结构的代码:

技术分享图片

<p>元素表示一个段落,复制成纯文本后,每一个段落之间就有了一个空行。那么我们在复制事件中,手动修改复制的内容可以吗?经过一番试验发现是可以的,先监听copy事件,再从获取当前选中的内容,再用正则表达式把</p>替换成 就可以了。代码如下:

技术分享图片

技术分享图片

其实不仅<p>标签有这种问题,像div、ul、h1~h5等标签都有这种问题。

以上是关于ueditor复制文本有多余的空行问题的主要内容,如果未能解决你的问题,请参考以下文章

vue3.0 + ueditor

去除文本多余空行

解决Ueditor在bootstarp 模态框中全屏问题

帝国CMS下iframe标签无法引入视频,ueditor编辑器中html标签无法显示问题,设置ueditor默认行高为1.75

快速删除段落间多余的空行

csv.writer写入文件有多余的空行