UEditor富文本使用

 记录一下今天使用富文本编辑器的坑,和使用方法。
 首先要引入文件
   <!-- 配置文件 -->
    <script src="/UEditor/utf8-net/ueditor.config.js">   </script>
   <!-- 编辑器源码文件 -->
    <script src="/UEditor/utf8-net/ueditor.all.js"></script>

引入文件完成后使用,初始化文本编辑器

 <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('Content', {
        //这是你所需要的工具栏,只写了几个例子
            toolbars: [
     [
         'undo', //撤销
         'redo', //重做
         'bold', //加粗
     ]
            ]
        });
    </script>

详细工具图标 参考http://fex.baidu.com/ueditor/#start-toolbar
上面列出了所有的图标
如何获得富文本编辑器中内容得方法
http://ueditor.baidu.com/website/umeditor.html
这也是今天坑的地方,楼主花了好长时间也不能将保存在数据库的富文本值拿出来放到编辑器中,直到看到了这里,才发现他是通过js将内容插入到富文本编辑器中的,只需要这么一句话就可以做到了

 ue.setContent("数据源");

其余得功能就不都介绍了。网友们可以自己去试试,文件下载地址:
http://ueditor.baidu.com/website/download.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值