關於layui富文本編輯器和form表單提交的問題


今天下午因為要做一個富文本編輯器上傳文件給后台,所以看了一下layui的富文本編輯器,折騰了半天,終於把這玩意搞定了。

首先需要先創建layui的富文本編輯器

<textarea id="demo" style="display: none;" lay-verify="content" ></textarea>
layui.use(['element', 'form', 'layer', 'jquery', 'layedit'], function () {
        var element = layui.element,
            form = layui.form,
            layer = layui.layer,
            layedit = layui.layedit,
            $ = layui.jquery;

        var index = layedit.build('demo');

引入富文本編輯器以后,需要先對富文本編輯器的信息進行處理,富文本編輯器的獲取文本的值有兩種類型,一種是純文本類型的,一種是帶標簽的,我選擇的是第二種,將帶標簽的值傳遞給后台

data.field.content = layedit.getContent(index);

將對信息的處理放入通過form.on監聽事件中,當點擊提交按鈕的時候,富文本編輯器會自動獲取到文本中的值,這樣富文本編輯器當中的內容就成功的提交到后台啦


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM