月度归档:2017年05月

通过表单提交simditor中的内容

使用中发现,simditor并没有自动将编辑器中的内容同步到textarea中,内容只能通过api获取,这使得无法直接使用表单的submit提交。

解决方法:editor在值改变时实时同步到textarea的中

补充:为了方便在后端语言直接向编辑器写入默认值,在编辑器加载时将textarea中的值默认传递给simditor;在自动保存插件启用时,优先保证自动保存的内容被加载到simditor中

关键代码如下:

<textarea id="editor" placeholder="Balabala" autofocus>123</textarea>

<script type="text/javascript">
var editor = new Simditor({
    textarea: $('#editor'),
});
if(editor.getValue() == ''){//当自动保存插件开启时
    //无自动保存数据,将textarea中的值赋值给editor
    editor.setValue(document.getElementById("editor").innerHTML)
}else{
    document.getElementById("editor").innerHTML = editor.getValue();
}
editor.on("valuechanged",function(){//simditor窗口内容改变实时同步至textarea
    document.getElementById("editor").innerHTML = editor.getValue();
})
</script>