使用codemirror捕获textarea的值并移动到另一个textarea

Question

我想知道是否有人知道如何使用codemirror在textarea中输入值，并在没有codemirror的情况下同时插入到另一个textarea中。我知道我需要使用editor.getValue（）;但是我如何同时插入另一个textarea？

Answer 1

• 你想出了上半部分：CodeMirror .getValue()，从第一个区域获取文字。

• 下半部分是jQuery .val()功能，用于将文字设置为第二区域。

点击＆＃34;运行代码段＆＃34;下面看一个演示。

＆＃13;

＆＃13;

var config = {
    lineNumbers: true
};
var editor = CodeMirror.fromTextArea($('#area1')[0], config);
editor.setSize(120,48);

$('#copy').click(function() {
    var text = editor.getValue(); // CodeMirror function to get content
    $('#area2').val(text); // jQuery function to set content
});

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/codemirror.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/codemirror.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="cm">
  <textarea id="area1">
Hello
world
  </textarea>
</div>
<button id="copy">&darr; Copy content</button>
<div>
  <textarea id="area2"></textarea>
</div>

＆＃13;

＆＃13;

＆＃13;