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