kindeditor编辑区空格被隐藏，导致所见所得不一致的解决办法

最新推荐文章于 2019-01-14 13:44:00 发布
转载 最新推荐文章于 2019-01-14 13:44:00 发布 · 1.2k 阅读 · 0

本文介绍了一种针对KinderEditor编辑器中HTML标签处理方式的改进方法，通过调整JS文件内的正则表达式，使得编辑器能够更好地处理空白字符。

1.修改kindereditor-all.js中的

 var re = /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>(\s*)/g;

为：

var re = /( \f\n\r\t\v*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>( \f\n\r\t\v*)/g;

即将第一个与最后一个[\s]改为[\f\n\r\t\v]。

原文出处

Kindeditor在线文本编辑器如何过滤HTML
10-22
KindEditor是一个开源的HTML可视化编辑器，主要用JavaScript编写，能够提供所见即所得的编辑效果，广泛适用于包括IE、Firefox、Chrome、Safari、Opera在内的主流浏览器。它支持与多种服务器端语言（如Java、.NET、...
KindEditor空格问题
u012645961的专栏
12-31 5039
问题描述：网站的页面提交需要用到KindEditor来进行富文本提交。在编辑文章时，需要用到空格来进行排版，每次提交保存到数据库后，在页面显示没问题，但从后台进行第二次修改编辑的时候，空格不在了。 问题解决：问题出在从数据库读出数据后，再次放入富文本编辑器的时候。从数据库读出来的内容要做一下替换后再放到textarea标签之中，替换的代码如下         String content=re
KindEditor（@version 4.1.10） 首个空格保存消失的问题
maguanghui_2012的专栏
04-13 2321
KindEditor（@version 4.1.10） 首个空格保存消失的问题 ，解决如下：把内容的特殊字符替换掉即可，方法如下 /**      * 替換特殊標記      */     private String htmlcharsreplace(String str) {         if(StringUtils.isNotBlank(str)){         
转帖：kindeditor编辑区空格被隐藏，导致所见所得不一致的解决办法
weixin_33755649的博客
03-04 120
1.修改kindereditor-all.js中的 var re = /(\s)<(/)?([\w-:]+)((?:\s+|(?:\s+[\w-:]+)|(?:\s+[\w-:]+=[^\s"'<>]+)|(?:\s+[\w-:"]+="[^"]")|(?:\s+[\w-:"]+='[^']')))(/)?>(\s*)/g; 为： var re = /( \f\n\r\t\...
HTML编辑器kindeditor.js开头老是省略空格键
愿得一人心，白首不相离
09-14 1484
文章开头的空格键老是被去掉。 查资料得： 但我的是用kindeditor.min.js 所以：
kindediter字体设置为微软雅黑问题
qq_21298819的博客
12-04 1259
kindeditor编辑器中选中文字, 修改字体(字体名称中带有空格, 例如”Microsoft YaHei”)后, 点击显示html源码, 源码中对应的样式font-family值变成”“”, 而且切换回设计模式后, 原本选好的字体格式没了, 原因应该是font-family: “XXX XXX”的引号”被html编码为”了，最新版4.1.11以及官网上的演示demo都存在这个问题.如图：
KindEditor 4.0.1 多语言文本编辑器支持JSP、PHP、ASP、.NET
其采用所见即所得（WYSIWYG）模式，支持 HTML 模式与可视化编辑模式之间的自由切换，允许高级用户直接编辑源码，同时提供强大的过滤机制防止恶意脚本注入，保障系统安全性。编辑器还内置了完善的错误捕获与日志输出...
KindEditor网页编辑器扩展功能及个性化修改讨论
标题《kindeditor网页编辑器》涉及的知识点： KindEditor是一款开源的网页在线HTML可视化编辑器。它由纯JavaScript编写，具备轻量级、跨平台、高度定制化等特点。编辑器提供了基本的文本编辑功能，如字体排版、颜色...
【KindEditor性能优化】：实战指南，提升编辑器性能
随着网络应用的日益丰富和用户需求的不断增长，KindEditor等富文本编辑器的性能优化成为前端和后端开发中的一项重要任务。本文从多个维度探讨了性能优化的有效策略，包括前端资源加载、DOM操作、浏览器渲染优化，...
KindEditor 4.1.13版发布：安全与功能改进
KindEditor是一款轻量级的Web内容编辑器，用于在网页上提供所见即所得（WYSIWYG）的编辑功能。编辑器提供了丰富的API和插件支持，使其在处理文本、图片、链接和其他媒体元素方面具有灵活性和扩展性。版本号“4.1.13...
kindeditor编辑器空格键删除解决方法
Fancy的专栏
09-28 2065
var re = /([ \f\n\r\t\v]*)]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>([ \f\n\r\t\v]*)/g; kindeditor.js  文件  上面的代码和619行代码进行替换。（仅限官方新下载文章）
kindeditor文本编辑器乱码中乱码问题解决办法
weixin_30418341的博客
06-07 650
这个问题我已经解决掉了，不是更改内容的编码格式，只要将lang/zh_CN.js这个文件的编码转换成unicode即可 操作方法是用记事本打开这个文件，另存为，然后更改文件的编码格式为unicode。。。然后覆盖上去 转载于:https://www.cnblogs.com/efreer/p/5567410.html...
KindEditor初始化参数列表
热门推荐
FreshMan
08-14 3万+
width 编辑器的宽度，可以设置px或%，比textarea输入框样式表宽度优先度高。 数据类型: String默认值: textarea输入框的宽度 示例: K.create('#id', { width : '700px' }); height 编辑器的高度，只能设置px，比textarea输入框样式表高度优先度高。 数据类
为KindEditor 添加“一键去除空格功能”
weixin_30622181的博客
01-14 247
环境说明：KindEditor4.1.11 一、确定你在使用KindEditor时，引用的是kindEditor-all.js,找到任何一个已经存在的功能，例如，清除HTML代码，我在做的时候本来是想将这个功能加在清除HTML代码这一功能中，后又觉得不妥，就在清除HTML代码下面，新建一个方法，如下，这才进入正题： 1 KindEditor.plugin('clearTab',...
kindeditor编辑器代码过滤解决方法.
Dake
12-15 2046
原文连接：http://www.jiaoguoqiang.com/kindeditorguolv/ 今天遇到一个问题，需要定制化a标签中的内容，但是不管如何debug link插件中的代码都没有用，后面发现，查看源码的时候自己加进去的元素被过滤掉了，才猜想应该是编辑器过滤问题，顺着这个思路，真的解决了问题。 很多朋友在使用Kindeditor编辑器的时候都会遇到这样一个
KindEditor自动过滤首行缩进和全角空格的解决方法
qq605053977的博客
03-12 2206
KindEditor 4.1.11： kindeditor-all.js 文件 第772行： var re = /(\s*)]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>(\s*)/g; 改为： var re = /([ \f\n\r\t\v]*)]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:
KindEditor3.1.2：中文版免费所见即所得HTML编辑器
综合以上信息，我们可以发现，KindEditor是一个功能丰富、适合中文用户的所见即所得HTML编辑器，可以被用在JSP等Java Web开发环境中，以实现丰富的网页内容编辑和管理功能。开发者可以在遵循开源许可的前提下自由...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值