layui编辑器有几个方法
LayEdit提供了相当精简的方法,如下:
方法名 | 描述 |
---|---|
var index = layedit.build(id, options) | 用于建立编辑器的核心方法 index:即该方法返回的索引 参数 id: 实例元素(一般为textarea)的id值 参数 options:编辑器的可配置项,下文会做进一步介绍 |
layedit.set(options) | 设置编辑器的全局属性 即上述build方法的options |
layedit.getContent(index) | 获得编辑器的内容 参数 index: 即执行layedit.build返回的值 |
layedit.getText(index) | 获得编辑器的纯文本内容 参数 index: 同上 |
layedit.sync(index) | 用于同步编辑器内容到textarea(一般用于异步提交) 参数 index: 同上 |
layedit.getSelection(index) | 获取编辑器选中的文本 参数 index: 同上 |
layuiedit.sync这一条提到,此方法用于同步编辑器内容到textarea,但官网没给出具体实例,网上找了一圈,几乎都是加个验证,使用layuiedit.sync,但这个不适合于我,我的做法是,
异步提交表单时,使用getContent获取到内容,并重新赋值于textarea
form.on('submit(submitForm)', function(data){
window.form_submit = $('#submitFormBtn');
form_submit.prop('disabled', true);
var content = layedit.getContent(editor);
var fileData = data.field;
fileData.content = content;
$.ajax({
url: data.form.action,
type: "POST",
data: fileData,
dataType: 'json',
success: function (result) {
if (result.code !== 0) {
form_submit.prop('disabled', false);
layer.msg(result.message, {shift: 6});
return false;
}
layer.msg(result.message, {icon: 1}, function () {
location.href = '/backend/article';
});
}
});
return false;
});
使用data.field.content = layedit.getContent(editor)赋值后再提交。