CodeMirror markText無法正常工作

我正在使用這樣的CodeMirror來向用戶顯示一些XML響應。CodeMirror markText無法正常工作

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天，試圖完成它。謝謝。

來源

2016-03-16 Gans

你需要指定的選項參數作爲一個地圖，而不是一個字符串：{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>

來源

2016-03-17 00:41:01

太棒了！它正在工作。非常感謝兄弟。 – Gans

你挑戰我的週末（ - ：謝謝！ – jonathana

CodeMirror markText無法正常工作

回答

相關問題