剛好要引入layui的富文本編輯器，post提交的字段獲取不到，浪費了好久的時間

有遇到相同的問題的兄弟，希望這對你有幫助。

html部分的代碼

<div class="layui-form-item layui-form-text">
<label class="layui-form-label">考核模式</label>
<div class="layui-input-block" style="max-width:600px;">
<textarea placeholder="" class="layui-textarea" name="pattern" id="pattern" lay-verify="pattern" style="display:none"></textarea>
</div>
</div>

script部分代碼

<script>

layui.use([‘layer‘, ‘form‘], function () {
var layer = layui.layer,
$ = layui.jquery,
form = layui.form;

layui.use(‘layedit‘, function(){
var layedit = layui.layedit;
var index = layedit.build(‘pattern‘, {height: 140});
/**
* pattern是lay-verify="pattern"（下面的）
* 將富文本裏的內容賦值到textarea裏面
*/
form.verify({
pattern:function () {
layedit.sync(index);
}
});
form.render();
});

$(window).on(‘load‘, function () {
form.on(‘submit(admin)‘, function (data) {
$.ajax({
url: "{:url(‘admin/xxxx/xxx‘)}",
data: $(‘#admin‘).serialize(),/獲取到所有form中提交的
type: ‘post‘,
success: function (res) {
// console.log(res);
// return false;
if (res.code == 1) {
layer.alert(res.msg, function (index) {
location.href = res.url;
})
} else {
layer.msg(res.msg);
}
}
})
return false;
});
});
});

</script>

layui的官方文檔路徑：https://www.layui.com/doc/modules/layedit.html

layui富文本編輯器ajax提交