前言

最近，在做專案的時候選用了 Layui 的富文字編輯器作為文字編輯。功能不多，但剛好適用。記錄與總結一下使用過程中遇到的問題與解決。

更詳細文件，可直接去官網檢視 (官網)[https://www.layui.com/demo/layedit.html]

使用步驟

1.前端頁面，程式碼如下圖所示：

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

2.指令碼需要宣告模板，程式碼如下圖所示：

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

3.獲取獲取編輯器純文字內容

layedit.getText(index); 

4.獲取編輯器內容

layedit.getContent(index)

5.編輯器賦值

layedit.setContent(index1, Content);
index1:建立富文字編輯器的索引
Content:賦值的內容

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