layui富文本编辑器表单提交时内容为空的处理方法

今天遇到了layui运用富文本编辑器 提交表单时内容为空。网上找了很多解决方法，不知道具体在哪加代码。现在整理出来方便自己跟朋友今后操作。
html代码如下:

"content"</span> name=<span class="token string">"content"</span> style=<span class="token string">"display: none;"</span> lay-verify=<span class="token string">"content"</span>>

js如下：

		layui.use(['layedit','form', 'layer'], function () {
            $ = layui.jquery;
            var form = layui.form
            , layer = layui.layer
			, layedit = layui.layedit;
			 //富文本编辑器自定义工具栏
			 //下面验证代码中有个index参数，需要在初始化富文本编辑器的时候设置下：
			var index = layedit.build('content', {
					   tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b']
			            ,height: 150
			})
            //自定义验证规则
            //数据异步提交未同步的原因，使用layedit.sync(index) 解决
			form.verify({
			    content: function(value) { 
			         return layedit.sync(index);
			        }
			});
            //监听提交
			  form.on('submit(add)', function(data){
			  	//数据异步提交未同步的原因，使用layedit.sync(index) 解决
				layedit.sync(index);
				layer.alert(JSON.stringify(data.field), {
				  title: '最终的提交信息'
				})
				return false;
			  });
        });