UEditor

Posted 2020-09-28

官网：

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);
            }
        });
    });