layui整合codemirror解决获取不到textarea值的方法

近期在使用thinkphp+layui+codemirror开发的时候，发现一直获取不到textarea的值。百度后发现是codemirror的一个坑。

codeMirror先从 textarea中读取值放到codemirror动态生成的div中，根据textarea中的换行个数确定行数，根据正则表达来高亮语法。这就有个问 题，当你在页面上对语法做出修改提交表单时，其实只是在codemirror上的动态div上做出修改，当form表单提交时，原来textarea值并没有变化。

layui代码

1. <textarea id=”code” name=”code”>{$code}</textarea>
2. <script>
3.     layui.use([‘form’, ‘layer’,’layedit’], function () {
4.         var form = layui.form, layer = layui.layer, $= layui.jquery;
5.         var editor = CodeMirror.fromTextArea(document.getElementById(“code”), {
6.   mode: “application/xml”,
7.   styleActiveLine: true,
8.   lineNumbers: true,
9.   lineWrapping: true
10. });
11. form.on(‘submit(submit)’, function (data) {
12.     var loading = layer.load(1, {shade: [0.1, ‘#fff’]});
13.     var content = editor.getValue();//此处获取code的值
14.             $.post(“”, {content:content}, function (res) {
15.                 layer.close(loading);
16.                 if (res.code > 0) {
17.                     layer.msg(res.msg, {time: 1800, icon: 1}, function () {
18.                         location.href = res.url;
19.                     });
20.                 } else {
21.                     layer.msg(res.msg, {time: 1800, icon: 2});
22.                 }
23.             });
24.         });
25.     });
26. </script>