今天下午因為要做一個富文本編輯器上傳文件給后台,所以看了一下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監聽事件中,當點擊提交按鈕的時候,富文本編輯器會自動獲取到文本中的值,這樣富文本編輯器當中的內容就成功的提交到后台啦