2016-03-16 12 views
5

मैं उपयोगकर्ता को कुछ XML प्रतिक्रिया दिखाने के लिए इस तरह CodeMirror का उपयोग कर रहा हूं।CodeMirror markText काम नहीं कर रहा है

एचटीएमएल कोड

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

जे एस कोड

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 जो काम नहीं कर रहा का उपयोग करके कुछ विशेष लाइन उजागर करने के लिए कोशिश कर रहा हूँ। बेशक "एक्सएमएल" मोड काम कर रहा है लेकिन रेखा 5 लाल रंग के साथ हाइलाइट नहीं किया गया है।

मैं वास्तव में आपकी मदद की सराहना करता हूं। यह 3 दिन हो गया है इसे पूरा करने की कोशिश कर रहा हूँ। धन्यवाद।

उत्तर

6

आप एक नक्शे के रूप में विकल्प पैरामीटर निर्दिष्ट करने की आवश्यकता है, न कि एक स्ट्रिंग: {css: "color : red"}

अधिक जानकारी के लिए दस्तावेज़ देखें: https://codemirror.net/doc/manual.html#markText

यहाँ एक टुकड़ा अपने उदाहरण के आधार पर है कि आप के रूप में काम यह दिखाया जा रहा है वर्णन (आप अनावश्यक सीएसएस/जे एस सेटअप और उदाहरण एक्सएमएल कि थे अनदेखा कर सकते हैं टुकड़ा चल रहा है करने के लिए आवश्यकता होती है):

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>

+0

बहुत बढ़िया !! यह काम कर रहा है। बहुत बहुत धन्यवाद। – Gans

+0

आपने अपमानजनक रूप से अपना सप्ताहांत बनाया (-: धन्यवाद! – jonathana

संबंधित मुद्दे