记录一下今天使用富文本编辑器的坑,和使用方法。
首先要引入文件
<!-- 配置文件 -->
<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