ueditor笔记

1.首先下载相关插件

2.引入相关js和css

<script type="text/javascript" src="ueditor.config.js"></script>
　　
　　<script type="text/javascript" src="ueditor.all.js"></script>

<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

3.加载编辑器

<script id="container" name="content" type="text/plain" style="width:1024px;height:500px;">
　　　　这里写你的初始化内容
　　</script>

　　哪块需要加编辑器，就把这句话写在哪块。

　　其中可以直接用style来设置编辑器的长宽，也可以调用方法设置长宽：

　　　　　setHeight(Number number)：设置编辑器高度

　　还可以在ueditor.config.js中设置初始化编辑器宽度和高度：

　　//,initialFrameWidth:1000 //初始化编辑器宽度,默认1000
　　//,initialFrameHeight:320 //初始化编辑器高度,默认320

　　可以把初始化内容卸载<scrpt>之间，也可以通过方法初始化编辑器内容：

　　　　ue.setContent('hello');

4.定制工具栏图标

　　1. 方法一：修改 ueditor.config.js 里面的 toolbars 2. 方法二：实例化编辑器的时候传入 toolbars 参数

　　1.方法一：就是直接把ueditor.config.js中toolbars括号里边的用到的显示，不用到的删除即可。具体到哪个图标，请参考API中COMMAND列表

　　　　ueditor.config.js中根据某些图标有设置，比如你自己的编辑器里的输入法用不了那么多，在这个文件中可以设置。

　　2.方法二：实例化编辑器的时候传参

var ue = UE.getEditor('container', {
    toolbars: [
        ['fullscreen', 'source', 'undo', 'redo', 'bold']
    ],
    autoHeightEnabled: true,
    autoFloatEnabled: true
});

5.怎么通过javaScript把内容放到编辑器中

ue.ready(function(){
ue.setContent("编辑器内容，一般是从数据库中查出");
})

6.ueditor图层遮蔽问题