CodeMirror markText 不工作

Question

我正在像这样使用 CodeMirror 来向用户显示一些 XML 响应。

HTML 代码

<body>
    <textarea id="cm" >#{bean.xmlResponse}</textarea>
</body>

JS 代码

window.onload = function () {              
    var editor = CodeMirror.fromTextArea(document.getElementById('cm'), {
                    mode: "xml",
                    theme: "default"
                });

    editor.getDoc().markText({line:5,ch:2},{line:5,ch:9},"color : red");
};

现在，当我尝试使用不起作用的 markText 突出显示某些特定行时。当然 "xml" 模式有效，但第 5 行没有用红色突出显示。

非常感谢您的帮助。已经 3 天了，我一直在努力完成它。谢谢

Answer 1

您需要将选项参数指定为映射，而不是字符串：{css: "color : red"}

有关详细信息，请参阅文档：https://codemirror.net/doc/manual.html#markText

这是一个基于您的示例的代码片段，显示它按照您描述的方式工作（您可以忽略不必要的 CSS/JS 设置和示例 xml，这些代码片段运行):

var editor = CodeMirror.fromTextArea(document.getElementById('cm'), {
  mode: "xml",
  theme: "default"
});

editor.getDoc().markText({
  line: 5,
  ch: 10
}, {
  line: 5,
  ch: 39
}, {
  css: "color : red"
});

@import "https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.12.0/codemirror.css"

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.12.0/codemirror.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.12.0/mode/xml/xml.js"></script>
<textarea id="cm">
  <note>
    <to>Tove</to>
    <from>Jani</from>
    <heading>Reminder</heading>

    <body>Don't forget me this weekend!</body>
  </note>
</textarea>

CodeMirror markText 不工作

CodeMirror markText is not working

javascript

codemirror

codemirror-modes

ui-codemirror