今天下午由於要作一個富文本編輯器上傳文件給後臺,因此看了一下layui的富文本編輯器,折騰了半天,終於把這玩意搞定了。jquery
首先須要先建立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');
引入富文本編輯器之後,須要先對富文本編輯器的信息進行處理,富文本編輯器的獲取文本的值有兩種類型,一種是純文本類型的,一種是帶標籤的,我選擇的是第二種,將帶標籤的值傳遞給後臺ui
data.field.content = layedit.getContent(index);
將對信息的處理放入經過form.on監聽事件中,當點擊提交按鈕的時候,富文本編輯器會自動獲取到文本中的值,這樣富文本編輯器當中的內容就成功的提交到後臺啦spa