layui fly layedit.sync(index) from提交 同步编辑器内容到textarea

技术 回首页
2280
头像
众网网络 2018-10-31

今天在使用layedit.sync(index) from提交到后台时,获取获取不到内容,须要使用form表单验证来达到异步内容到textarea:

form.verify({
content: function(value) {
return layedit.sync(index);
}
});

由于使用的是fly社区模版,不想破坏代码美感(因为懒),所以在原代码的基础上修改了一下:

add.html页面

 textarea文本域里 《id="L_content" name="content"  lay-verify="content" placeholder="详细描述" class="layui-textarea fly-editor" style="height: 260px;" 》lay-verify自定验证content;

注意:这里lay-verify="content"要去掉原来的required不然会一直提示必填选项。

index.js页面:

layEditor:function(){

     var index = layedit.build('L_content',{uploadImage: {url: '/fileupload/', type: 'post'}});//建立编辑器

    form.verify({ //提交表单的时候同步内容到 textarea

            content: function(value) { 

                 return layedit.sync(index); 

              }

        });

    }

可以把原先的编辑器换成现在的layedit,但是不要忘记在index.js开始的layui.define里添加'layedit'并且实例化layedit=layui.layedit。

这里须要注意的是:textarea里内容的验证只能交给后台处理了,因为在from.verify验证content的时候才会把文本内容同步到textarea里,所以在你from表单之前,textarea里面的内容始终是空的,无论如何设置verify都会提示必填选项,包括from.verify。