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>

赞 (0)

相关推荐

  • 百度ueditor组件上传图片后如何设置img里的alt属性

    百度ueditor组件,使用上传图片后,自动将上传图片显示在编辑器中,也就是插入了一个<img>标签.并设置了一个alt属性,其值是上传图片时的本地路径.暂时没发现哪里可以配置这个值.在查看发布的内容时,看到alt的值是一个磁盘路径,有点别扭. 可以在编辑完内容,保存到数据库时过滤下,修改alt的内容,也可以直接修改源码 function callback(){ try{ var link, json, loader, body = (iframe.contentDocument || ifr

  • AngularJs定制样式插入到ueditor中的问题小结

    AngularJs定制样式插入到ueditor中的问题小结

    总结一下自己给编辑器定制样式的过程中所遇到的问题,主要是编辑器的二次开发接口,以及用angular定制样式,问题不少,终于在**的帮助下,完成了,还剩下老版本和新版本的交互没有弄好,不过不难.下面分别讲解问题. ueditor的开发 你可以在官网上下载任意版本,进行使用即可:http://ueditor.baidu.com/website/download.html 下载后按照官网上的配置就可以使用.文档地址:http://fex.baidu.com/ueditor/ 关于ueditor二次开发

  • AngularJS的一些基本样式初窥

    显示和隐藏 在 Angular 中的一切,都是基于模型的改变,进而通过标识符反映这些变化到界面上. ng-show 和 ng-hide 可以做相同的事情.显示和隐藏是基于你传递给他们的表达式而定,即,当表达式为 true 时,ng-show 就显示,反之隐藏.当表达式为 true 时,ng-hide 就隐藏,反之显示.这些标识符是通过设置元素的样式 display:block 显示和 display:none 隐藏进行工作的. CSS类和样式 通过 {{}} 解析来进行数据绑定,从而能够动态地设

  • ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接

    ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接

    ueditor1.2.1修改超链接默认值 首先超链接的文件是在ueditor目录中的dialogs目录中的link目录的link.html 如图: 然后在链接地址或标题上加value属性和值,希望在新窗口打开,则设置checked属性,如下面红色代码所示. <tr> <td><labelfor="href">链接地址:</label></td> <td><input class="txt"

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

    新写的网站用UEditor做编辑器,结果发现每次编辑完都会多出首尾空行,像这样: 复制代码 代码如下: <p></p> <br/> xxxxxx <br/> <p></p> 然后看了下自己植入编辑器时的写法,发现了问题所在. 复制代码 代码如下: <script id="container" name="content" type="text/plain"> &l

  • 关于UEditor编辑器远程图片上传失败的解决办法

    远程图片上传是个很有意思的东西,比如你从别的网站复制一段文件,如果文字中带有图片,编辑器会自动将图片提取出来,进行上传,从而不用担心远程图片失效后,自己本地也无法浏览. 通过检查,发现远程图片上传的操作页面是:getRemoteImage.php .打开后我们先配置 savePath ,因为不同用户使用,需要存放到不同的目录,以免混乱,也方便管理 修改后代码: 复制代码 代码如下: //远程抓取图片配置 if(isset($_SESSION['admin'])){ $myPath = 'http

  • 利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)

    利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)

    我的个人博客站在使用百度富文本编辑器UEditor修改文章时,遇到了一些问题,(不知是bug,还是我没有配置好).但总算找到了解决方法,在此记录下来. 小站首页文章列表显示为(显示去除HTML标签后的前600个字符): 具体在www.zynblog.com 遇到的问题: 正常来讲,进入文章修改页,只需将UEditor对应的textarea的value设置为文章Content就行了: $('#editor').val('@Html.Raw(this.Model.Contents)'); 最开始我就

  • python使用writerows写csv文件产生多余空行的处理方法

    初次接触python,学艺不精,第一次实战写一个文本处理的小程序时便遇到了头疼的问题. 先看代码: 生成的.CSV文件每两行之间都会多出一行空格(如下图),具体原因可参看点击打开链接 with open('E:\\test.csv','wt')as fout: cout=csv.DictWriter(fout,list_attrs_head )#list_attrs_head头属性列表 cout.writeheader() cout.writerows(list_words) 上面链接中的这位大

  • 过滤Android工程中多余资源文件的解决方法

    本文以实例讲述了过滤Android工程中多余资源文件的解决方法,很有实用价值!具体描述如下: 很多开发人员在Android项目开发过程中经常会遇到这样的情况:界面开发人员发布了一个新版本的资源包,不过有的图片名称改了,有的图片删掉了,可是在实现的时候开发人员只是把新的资源覆盖到原来的资源文件夹中,随着版本的发布,在drawable或values中积累的无用资源越来越多,直到最后发布正式版的时候再想要删除这些多余的文件,于是不得不一个一个文件检查看是否有用,再决定要不要删除之. 有鉴于此,很有必要

  • 文章内容页广告浮于左上角的解决办法

    这个是整页代码,你可以看着改了,也可以保存成HTML文件,完了试试看就知道了,主要用的CSS+DIV 上面的东西移到模板中,下面的东西也是一样~完了就行了~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

  • Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

    使用Eclipse编辑jsp.js文件时,经常出现卡死现象,在网上百度了N次,经过N次优化调整后,卡死现象逐步好转,具体那个方法起到作用,不太好讲.将所有用过的方法罗列如下: 1.取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉,build下只留 classpath dependency Validator 2.关闭拼写检查 windows–>perferences–>general–> editors->

  • Ubuntu 18.04中截图工具shutter的编辑按钮不可用的解决办法

    Ubuntu 18.04中截图工具shutter的编辑按钮不可用的解决办法

    Shutter是一个由第三方提供的在Ubuntu上运行的截图工具,相对于系统自带的截图工具(默认可通过Ctrl + Shift + Print快捷键启动截图),最大的优点就是可以即时对图片进行编辑,在图片上做一些标记和文字标注等,使用起来很方便.在Ubuntu 16.04上,该软件运行一切正常,当将操作系统升级到18.04之后,启动Shutter后你会发现原先的编辑按钮不可用了.点击编辑按钮,提示说缺少libgoo-canvas-perl库.看来我们不得不手动将该软件所依赖的库装一遍了. 按照以

  • dedecms列表中显示文章完整标题的解决办法

    解决方法: 修改include\inc\inc_fun_SpGetArcList.php文件,修改函数SpGetArcList,找到以下代码: 复制代码 代码如下: $row['typelink'] = "<a href='".$row['typeurl']."'>".$row['typename']."</a>";             $row['image'] = "<img src='"

  • 浏览器执行history.go(-1) FCKeditor编辑框内显示html源代码的解决方法

    解决方法:FCK.LinkedField.value=FCKTools.HTMLEncode(FCK.LinkedField.value);改为 FCK.LinkedField.value=FCKTools.HTMLDecode(FCK.LinkedField.value); 如果问题不能解决,请注意是否清空浏览器缓存.

随机推荐