欢迎访问鸿雪径软件工作室,这里介绍软件工作室的相关技术产品、动态以及鸿雪径杂谈,如有技术合作请与工作室联系!邮费网 易食烤吧 特产大全网
首页 > 互联网 > 网页显示Ueditor编辑保存的内容时背景等信息无效果的处理

网页显示Ueditor编辑保存的内容时背景等信息无效果的处理

发布时间:2015-01-03 作者:伊君 点击:6385

之前一直认为Ueditor编辑器生成的html代码直接输出到页面就可以了,但是今天有个客户提交了一个bug,说在添加文章时选择了内容的背景色,竟然在页面上不显示对应效果,于是马上检查,只见ueditor是在html的尾部加入了如下代码:

<p style="display:none;" data-background="background-repeat:no-repeat; background-position:center center; background-color:#548DD4;">
    <br/>
</p>

难怪页面显示不出效果,看来这个东西还需要javascript来进行处理一下,赶紧上ueditor的官网,查看对应的文档,找到了编辑内容展示相关的说明,见:http://fex-team.github.io/ueditor/#start-uparse

其实还是用parse.js来二次处理展示的html内容,并追加对应的css样式。

首先在展示页面加入js引用:

<script src="../ueditor.parse.js"></script>

给我们的输出html内容加个id作为容器,比如:

<div id="content">
   <p>dsfsdF</p>
   <p>sdsdf</p></div>

然后在页面的尾部加入如下:

uParse('#content', {
   rootPath: '../'})

经过这样处理后,ueditor中是什么样子,我们的页面也就显示成什么样子了!

更多关于 Ueditor,javascript 的信息
本站部分文章转载于网上,版权归原作者所有。如果侵犯您的权益,请Email和本站联系!
鸿雪径 www.HongXueJing.com  冀ICP备07017673号-4