按下按钮后，Codemirror将在初始编辑器文本区域上方创建另一个编辑器文本区域

Question

HTML Codemirror文本区域

<textarea name = "mytarget" id = "mytarget" class="codemirror-textarea2"> 
</textarea>

HTML按钮更新Codemirror文本区域

<p><input type="button" name="buttonsubmit" class="buttoncls" value="Submit"></p>

SCRIPT在就绪的窗口上创建Codemirror Textarea

$(document).ready(function(){
    var code = $(".codemirror-textarea2")[0];
    var editor = CodeMirror.fromTextArea(code, {
        lineNumbers : true,
        mode: "javascript",
        theme: "default"
        });
    });

SCRIPT创建点击按钮事件

$(document).ready(function() {
    $(document).on('click', '.buttoncls', function(e) {
        e.preventDefault();
        $( window ).click(send_hello);
    });
});

SCRIPT更新Codemirror编辑器
data.result可以正常使用，但是setValue在已经从初始加载创建的Codemirror编辑器之上创建了另一个Codemirror编辑器。我只想用data.result更新编辑器。

function receive_hello(data){
    CodeMirror.fromTextArea($(".codemirror-textarea2")[0], {
        lineNumbers: true
    }).setValue(data.result);
  };

我也无法在文本区域中获取该值。

CodeMirror.fromTextArea($(".codemirror-textarea2")[0]).getDoc().getValue();

非常感谢您的帮助