使用代码镜像时在警报中显示文本区域内容答案

【问题标题】：Display the textarea content in alert while using code mirror使用代码镜像时在警报中显示文本区域内容
【发布时间】：2015-08-18 08:55:49
【问题描述】：

我正在尝试在单击按钮时提醒用作代码镜像的 textarea 的内容。但它显示为空白。如果我删除代码镜像的脚本，它会显示内容。

我需要知道使用代码镜像有什么问题。它不反映文本区域的变化。

<textarea id="code" name="code">
</textarea>
<input type="button" onClick="func()">
    <script>
      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        lineNumbers: true
      });
function func() {
alert(document.getElementById('code').value);
}
    </script>

请帮帮我。

【问题讨论】：

你需要发布code textarea 的重新渲染的html。
@Jai 请问我知道怎么做吗？
你可以在浏览器中检查它，你可以看到你的元素刚刚发生了什么，当 CodeMirror 附加到它时应用了哪些更改。
@user3784251 看看我的回答，让我知道它是否有效？
How to get the value of Codemirror textarea 的可能重复项

标签： javascript jquery html codemirror

【解决方案1】：

您需要使用editor.getValue() 编程API 命令从代码编辑器中获取值。

input {font-family: 'Segoe UI';}

<!-- Create a simple CodeMirror instance -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/codemirror.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/codemirror.min.js"></script>
<textarea name="" id="myTextarea" cols="30" rows="10"></textarea>
<input type="button" value="Code?" onclick="func();">
<script>
  var editor = CodeMirror.fromTextArea(myTextarea, {
    lineNumbers: true
  });
  var func = function () {
    alert(editor.getValue());
  }
</script>

【讨论】：

@user3784251 更新了工作代码。现在就来看看吧。
谢谢你，Praveen.. 这行得通.. :-).. 好的，我们需要从代码镜像的实例中获取值...谢谢..
@user3784251 是的，伙计。