kindeditor编辑器插入程序代码后在<p>标签和<pre>标签间会多出一行<p><br></p>
taotaoit kindeditor 2020-04-26 553 0
关于本站

淘淘IT

记录工作学习中的点点滴滴

本站创建于2017年,用于记录工作和学习中遇到的问题。同时,不断提升网站的使用体验,增加新的功能。

914720 1287 12
最新评论
感谢大佬解决了我的问题
评 留言
11111111111111111111ewqr :ku:
评 留言
@xiaoniba 好像是编码GBK和utf-8的区别,请看下我摘抄的一篇文章,里面有介绍http://taotaoit.com/article/details/885.html,你可以尝试下是否可以
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
\x7f-\xff 这个匹配什么东东,会不会出现安全问题??? 改成这样如何 if ($strict && !preg_match('/^[\w\.\*\x{4e00}-\x{9fa5}]+$/u', $key)) {
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决 牛逼
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
文章标签更多
ThinkPHP (124)
Mysql (28)
DedeCms (30)
jQuery (28)
证件照 (1)
setInc (3)
setDec (3)
onclick (3)
打开边栏(ESC) 关闭边栏(ESC)

kindeditor编辑器插入程序代码后在<p>标签和<pre>标签间会多出一行<p><br></p>

导致前台显示的时候很难看。如下图:

我想实现的情况是1,但是出现的情况是2

而且初次提交代码没问题,当修改的时候用到“HTML代码”标签的时候,就会出现多一行。

from clipboard

分析原因,应该是

1,插入代码的时候会出现<p><pre>...</pre></p>这种情况

2,修改的时候会变成<p></p><pre>...</pre><p></p>这种情况

3,切换“HTML代码”的时候kindeditor会把<p></p>替换成<p><br></p>

4,再次提交代码,就会出现多一行的问题出现。

修改的思路是把<p></p><pre>替换为<pre>,</pre><p></p>替换为</pre>,就不会出现多一行了。

打开kindeditor-all.js747行,插入两行代码

html = html.replace(/(<\/pre>)(\s*)(<(?:p|p\s[^>]*)>)\s*(<\/p>)/ig, '$1$2'); // <p></p><pre>替换为<pre>
html = html.replace(/(<(?:p|p\s[^>]*)>)\s*(<\/p>)(\s*)(<pre\s[^>]*>)/ig, '$3$4'); // </pre><p></p>替换为</pre>
如图:

from clipboard

版权声明:本站原创文章,允许自由转载。

相关推荐
kindeditor编辑器粘贴图片直接上传(Chrome,IE11,opera)
kindeditor | 2017-04-19 1786
本方法来自网络,适用于KindEditor4.1.10。 经本人测试,Chrome,Firefox,360浏览器8.1极速模式可用,ie9测试不能用。 经测试KindEditor4.1.11版本,用此代码也可以实现自动上传功能。代码粘贴好后,直接用源代码里面提供的demo.php测试即可。如果自己引用的KindEd...
kindeditor批量图片上传,修改上传的数量和大小限制
kindeditor | 2017-08-03 1462
KindEditor批量图片上传,默认允许用户同时上传20张图片,单张图片容量不超过1MB。 有时不满足我们的需要,就需要修改KE批量上传图片的个数和单个图片大小限制。 KindEditor 4.1.11:  方法一:调用KE时配置好参数就行,代码如下: <link rel="stylesheet" h...
评论:0条
评论加载中...
发表评论