layui富文本编辑器ajax提交

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

原文地址：https://www.cnblogs.com/wth9/p/9779309.html