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

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

Ueditor中的文本如图:

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

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

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

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

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

原文地址:https://www.cnblogs.com/lixiuke/p/10001861.html

时间: 2024-10-05 23:27:26

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

UEditor编辑文章出现多余空行问题的解决办法

网站后台管理编辑文章以后,保存.再次打开编辑是文章前后多出多余的空行.一直以为是编辑器有问题,也没在意,但是自己编辑文章多了,感觉太麻烦了.想一定可以解决这个问题.百度一下果然找到原因.原来是加载编辑器时为了代码整齐,前后加了一个换行. 出现空行的代码是(如下图): 在文章前后会出现多余的: <p></p><br> XXXXXXXXX XXXXXXXXX XXXXXXXXX <p></p><br> 把3行代码写成一行,问题解决了(如下

【微信公众平台开发】发布动态新闻好帮手UEditor富文本

由于微信要做发布动态新闻,那就需要富文本.上网搜索有很多这种插件,比如CKEditor,KindEditor等:最后看到百度一款开源的UEditor,官网打开,风格设计就吸引住了自己.所以就选UEditor了. 第一步:下载源码:由于是用php开发,所以下载版本是php版的,为了兼容以前的IE版本,选择版本1.4.2.UEditor 第二步:把下载下来的ueditor1_4_2-utf8-php.zip解压,并复制ueditor1_4_2-utf8-php文件到appache服务器底下(比如我的

ASP.NET MVC5 中百度ueditor富文本编辑器的使用

随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor,另一种是ueditor的迷你版umeditor. 一.我们先讲完全版的ueditor. 1.建立数据模型. 2.建立对应的控制器和视图. 3.访问http://ueditor.baidu.com/website/download.html 进入开发版的下载页面,下载.net UTF-8版本,现在最新

WEB项目中使用UEditor(富文本编辑器)

Ueditor富文本编辑器是在很多项目里经常用到的框架,是百度开发团队开发的一款很好用的富文本编辑器 下面就是我在一个系统里用到的,有了富文本编辑器,管理员使用起来不是很方便? 所以本博客介绍这个富文本编辑器的使用哈!觉得写得不错的请点赞哈,有建议欢迎提哈!^V^ 下载链接:http://ueditor.baidu.com/website/download.html 具体的使用请看官网:http://ueditor.baidu.com/website/index.html 下载富文本编辑器后,我

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

首先,将网上下载下来的资料直接粘贴到记事本,再从记事本复制/粘贴到 Word 文档.这个过程能够自动删除一些空白行,而且还能将文档中的换行符全部转化为回车符(段落标记). 接着,删除多余的行.在编辑菜单上按替换按钮(或同时按键盘上的 Ctrl 和 H 键),打开查找和替换对话框. 选择替换选项卡,单击更多. 按一下特殊格式按钮,选择段落标记: (如果您熟悉代码/通配符,也可以直接在查找栏内输入^p) 豆豆希望段落之间留下一行空行,删除其它多余的.因此,可以在查找栏输入^p^p,替换栏输入^p,将

python去除读取文件中多余的空行

今天在写登录程序练习的时候,黑名单文件中多了几行空行.导致运行的时候报错:IndexError: list index out of range 代码 brackData = open(brackDataPath,"r") for line in brackData: temp = line.strip().split(',') brackDict[temp[0]] = int(temp[1]) brackData.close() 错误 Traceback (most recent c

点击按钮复制文本内容 -- jquery Zclip -- Zero Clipboard

今天,经理让我做一个功能,复制文本框中的代码.以前在其他网站上经常见到过这个功能.只不过没有细细研究,今天也是个机会. 这里我使用的事jquery的zeroclipboard来实现复制功能.代码内容很简单,网上也有很多资料. Zero Clipboard作为一个独立的js库,它利用 Flash 进行复制,需要两个文件:ZeroClipboard.js 和 ZeroClipboard.swf . 具体实现如下: jsp页面:  <p>                               

自动复制文本到剪贴版(Auto Copy to clipboard)

插件介绍: 自动将鼠标选中文本复制到剪贴板,该插件有复制为纯文本的选项,包括在复制文本的URL等特色功能, 这对于开发者来说是非常实用的功能,对于经常需要切换不同软件之间的开发来说是一大利器, 使用说明: 只在浏览器中选中的文本将自动复制到剪贴版,这将大大简化很多工作. 功能介绍: - 启用/禁用文本字段自动拷贝(V1.0.0)- 启用/禁用复制为纯文本(V1.0.2)- 启用/禁用包括与复制的文本(V1.0.2)网址 - 增加了对中间点击功能粘贴.请参见扩展选项启用(V2.0.0) - 增加了

dreamweaver中如何清除代码中多余的空行?

我们用dreamweaver编辑网页时,有时会因为这样或那样的原因产生很多空行,从而使得文档很长,代码行数居高不下.实际上我们可以通过正则表达的方法,去除网页中多余的空行. 方法/步骤 在dreamweaver中打开网页文件   打开dreamweaver自带的搜索功能,或用ctrl+f快捷键打开搜索功能,在查找里面输入:\r\n\s*\r\n.在替换里面输入:\n.然后在选项里勾选:使用正则表达式.然后点击"替换全部".dreamweaver就会自动把空行去掉了. 3 替换全部后的效