发布于:2024-04-06 20:51 阅读次数:356 作者:云码素材 分类:技术分享 关键词:white-space
百度编辑器umeditor粘贴文本不自动换行 自动添加white-space为nowrap的解决方法
今天新开发了一个发布系统,使用过程中发现内容总是不换行,检查了CSS后发现无异样,在看源代码发现文本多了<span>标签,<span>带上了white-space: nowrap;的样式,经过排查发现是百度编辑器引起的,遂检索了解决办法。
问题现象
在粘贴文本(纯文本)的时候,会自动给文本加上<span>标签,并给<span>带上了white-space: nowrap;的样式,即不自动换行,需要过滤此标签。
<span style="white-space: nowrap;"></span>
解决方法
找到文件umeditor.js 文件,修改里面的内容把white-space:nowrap删掉,为避免出错,我对原始的代码进行了注释。
pastebin.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;top:" +
//pastebin.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" +
//要在现在光标平行的位置加入,否则会出现跳动的问题
修改以后,再次粘贴文本,不再有换行自动添加white-space:nowrap的style现象。
大功告成~!
我要加群:资源共享的时代,不要再单打独斗!加小编微信号加入群:xnynews(备注:云码素材入群),qq群号:202498279,一起技术学习,资源分享!
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
热门标签
推荐模板
Light Year Admin后台模板 v4 iframe版本 基于Bootstrap 4.4.1
2024-10-20 22:57 浏览:21
html清爽ui设计作品集展示网站模板 响应式宣传网页制作代码模板
2024-09-23 10:12 浏览:227
热门文章
2022-05-10 08:48 浏览:30990
2Tik Tok 深田咏美抖音视频100+合集资源免费下载【绿色】
2022-10-31 08:42 浏览:29614
2022-03-27 09:29 浏览:15685
2022-09-11 15:02 浏览:12807
2020-04-13 15:31 浏览:11967
6免费使用chatgpt3种方式 chatgpt国内入口无需梯子
2023-04-23 17:52 浏览:10677
2022-09-08 10:28 浏览:9332
8三个开源的php论坛bbs源码 可自建 圈子 帖子社区网站!
2020-09-15 21:34 浏览:9322
2022-04-13 14:31 浏览:9177
2019-08-28 17:28 浏览:8646