首页 > 其他 > 详细

富文本编辑器Ueditor

时间:2015-02-08 01:34:53      阅读:277      评论:0      收藏:0      [点我收藏+]

下载网址:http://ueditor.baidu.com/website/

虽然百度的人品不咋滴,但是这个开源编辑器还是不错。简单配置一下就能用了

首先引入必要的js文件,然后在适当的地方写javaScript或area标签,最后用适当的配置渲染即可

<script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/ueditor.all.min.js"> </script>
    <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
        
<!-- 有两种写法  -->
<!-- yi -->
<script id="myeditor" type="text/plain" style="width:990px;height:500px;"></script>

<!-- er -->
<textarea name="myeditor" id="myeditor">$content</textarea> 

<script type="text/javascript">
    var editor = new UE.ui.Editor({ initialFrameHeight: 300, initialFrameWidth: 800, autoHeightEnabled: false });
        editor.render("myeditor");
</script>

我用的时候觉得插入文本还是第二种方式好一些,即area的方式,因为那样初始化数据的时候有特殊符号的不用进行处理,原样放在标签的html中即可。初始化参数源码已有详细解释。

富文本编辑器Ueditor

原文:http://www.cnblogs.com/azul0906/p/4279607.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!