Question

以下是创建codemirror对象的代码

var myCodeMirror = CodeMirror(document.getElementById('text_area'), {
  mode:  "text/x-c++src",
  lineNumbers: true,
  indentUnit: 4,
});

提交代码后，我得到代码，但我也希望它在发布后保留在代码编辑器中，当代码是多行时，这不起作用

myCodeMirror.setValue("{{submitted_code}}")

如何在代码镜像编辑器中使用多行？

编辑：

这是必要的模板代码

<script>
    function codeGetter()
      {
        document.getElementById("user_code").value = myCodeMirror.getValue()
      }
</script>

{% load static %}

<script src="{% static 'codemirror.js' %}"></script>
<link rel="stylesheet" href="{% static 'codemirror.css' %}">
<script src="{% static 'clike.js' %}"></script>


<form action = "{%  url 'round2:handle_answer' user_id selected_question.pk   %}" method = "post" onclick=codeGetter()>

    {% csrf_token %}

    <div id="code_editor" name = "code_editor" style="margin-bottom: 0px; font-weight: bold;">Code Editor</div>

    <div id="text_area" name="text_area" style="margin-top: 0px;" ></div>

    <input type="submit" name="submit" value="submit" id="submit" style="margin-left:75%" >

    <textarea id="user_code" name="user_code"></textarea>

</form>

Answer 1

可以按照以下方式完成：

var html = `{{submitted_code}}`;

editor.setValue(html);

使用多行字符串：``

Codemirror编辑器设置多行值

1 个答案: