Layui 富文本编辑器的使用

前言

最近，在做项目的时候选用了 Layui 的富文本编辑器作为文本编辑。功能不多，但刚好适用。

记录与总结一下使用过程中遇到的问题与解决。更详细文档，可直接去官网查看 传送门

使用步骤

前端页面

代码如下所示：

<textarea class="layui-textarea" id="LAY_demo1" style="display: none;"></textarea>

脚本需要声明模板

代码如下所示：

layui.use(['form', 'layedit'], function () {
    var form=layui.form,layui.layedit;
    var index1 = layedit.build('LAY_demo1', {
            tool: ['strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right'],
            height: 200
        });
});

获取获取编辑器纯文本内容

代码如下所示：

layedit.getText(index); 

获取编辑器内容

代码如下所示：

layedit.getContent(index)

编辑器赋值

代码如下所示：

layedit.setContent(index1, Content);
index1:创建富文本编辑器的索引
Content:赋值的内容

注意：以上必须引用Layui.js以及Layui.css