kindeditor编辑器插入程序代码后多出空行问题fix

2022-01-25 From 程序之心 By 丁仪

虽然 kindeditor 编辑器已经比较老了，但是还是很有用的。基于 kindeditor 也能定制一些功能满足特定需求。但是在 kindeditor 编辑器插入程序代码后，经常发现在 标签和 <pre> 标签之间会多出空行 。

经过长期观察，发现 <pre> 在 之间就会出现这种情况。猜测是 kindeditor 发现 <pre> 在 之间后会自动把 <pre> 拿出来放在外面，同时 又会被 kindeditor 处理成 ，最终导致此现象。

既然如此，那就替换一下就好了。

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>

替换的位置是在 _formatHtml 方法中。

本文来源：程序之心，转载请注明出处！

君子曰：学不可以已。

《计算机科学导论（原书第4版）》

本书是国际知名的高等学校计算机科学及相关专业基础课教材，也是非常受欢迎的计算机入门读物。该教材是一本百科全书式的计算机专业入门指南，涉及计算机科学的方方面面。虽然读者对象是计算机专业的学生，但这本书深入浅出、引人入胜，勾画出了计算机科学体系的框架，可以为有志于IT行业的学生奠定计算机科学知识的基础，架设进一步深入专业理论学习的桥梁。

发表感想

扫码订阅程序之心