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

网络编程 2021-07-05 12:51www.168986.cn编程入门
这篇文章主要介绍了UEditor编辑文章出现多余空行问题的解决办法,问题表现为编辑文章时,会在文章的首尾各多出一个空行,需要的朋友可以参考下

新写的网站用UEditor做编辑器,结果发现每次编辑完都会多出首尾空行,像这样

代码如下:

<p></p>
<br/>
xxxxxx
<br/>
<p></p>

然后看了下自己植入编辑器时的写法,发现了问题所在。

代码如下:

<script id="container" name="content" type="text/plain">
<?=$info['content']?>
</script>
<script type="text/javascript">
var editor = UE.getEditor('container', {
 initialFrameWidth:"100%",
 initialFrameHeight:450
})
</script>

在container中,<?=$info['content']>的前后各有一次回车,而ueditor将这2个回车自动转换为<p></p></br>的形式了。解决方法很简单,写在一行就可以了。
代码如下:

<script id="container" name="content" type="text/plain"><?=$info['content']?></script>
<script type="text/javascript">
var editor = UE.getEditor('container', {
 initialFrameWidth:"100%",
 initialFrameHeight:450
})
</script>

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by