layui富文本编辑器ajax提交

Posted 2021-01-12 wth9

刚好要引入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