代码改变世界

UEditor

2017-07-15 17:26  huoit  阅读(190)  评论(0编辑  收藏  举报

官网:

http://fex.baidu.com/ueditor/

 

1、使用

初始化:

<script src="~/ueditor/ueditor.config.js"></script>
<script src="~/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
var ue = UE.getEditor('container', {
initialFrameWidth: '100%',
initialFrameHeight:320,
autoHeightEnabled: true,
autoFloatEnabled: true
});
</script>
View Code

 一个配置文件、一个是ueditor的库,然后初始化

使用:

<script id="container" name="content" type="text/plain">这里写你的初始化内容</script>

  

2、大小自动适应

initialFrameWidth: '100%'

3、设置内容

ue.addListener("ready", function() {    //必须这么写,等待编辑器加载完成,否则不能动态加载数据,会报错如下图。
        $.ajax({
            url: "${aapi}/ecosphere/detail/{{id}}",
            success: function(json) {
                 UE.getEditor('editor').setContent(json.data.content);
            }
        });
    });