I am using CodeMirror to display XML in XML mode, but the code is not being automatically indented.
I checked and the XML mode does implement indent(state, textAfter, fullLine), which handles the indenting, so it should be working.
This is how I am initializing CodeMirror:
CodeMirror.fromTextArea(document.getElementById("test"), {
mode: 'application/xml',
theme: 'eclipse',
lineNumbers: true,
lineWrapping: true,
readOnly: true,
cursorBlinkRate: -1
});
Check this jsFiddle link for a live version: .
Any ideas?
I am using CodeMirror to display XML in XML mode, but the code is not being automatically indented.
I checked and the XML mode does implement indent(state, textAfter, fullLine), which handles the indenting, so it should be working.
This is how I am initializing CodeMirror:
CodeMirror.fromTextArea(document.getElementById("test"), {
mode: 'application/xml',
theme: 'eclipse',
lineNumbers: true,
lineWrapping: true,
readOnly: true,
cursorBlinkRate: -1
});
Check this jsFiddle link for a live version: https://jsfiddle/zrosfz7x.
Any ideas?
Share Improve this question asked Jun 10, 2015 at 8:53 Genti SaliuGenti Saliu 2,7234 gold badges24 silver badges44 bronze badges 3- What are you doing, that you expected to cause indentation? Are you sure you aren't talking about formatting (inserting line breaks), since the code in the example is all on a single line. CodeMirror does not format code, and it only indents it when you tell it to (or when you press enter or shift-tab) – Marijn Commented Jun 11, 2015 at 7:56
-
I'm doing nothing, I just expect to see human-friendly XML code as soon as CodeMirror loads, i.e. have CM insert line breaks and indent as necessary. Can it be done? For now, I iterate over all lines and apply
cm.indentLine(lineNr)each time. And I use vkBeautify for formatting (inserting line breaks). I kinda expected CodeMirror to do this though. – Genti Saliu Commented Jun 11, 2015 at 9:25 - 1 Nope, that's simply not something CodeMirror does. – Marijn Commented Jun 11, 2015 at 19:00
1 Answer
Reset to default 14In order to provide a solution I have added an external beautifier for xml. Here's a plete working example.
<html>
<head>
<meta charset="UTF-8">
<link rel=stylesheet href="//codemirror/lib/codemirror.css">
<script src=//codemirror/lib/codemirror.js></script>
<script src=//codemirror/mode/xml/xml.js></script>
<script src="//cdn.rawgit./vkiryukhin/vkBeautify/master/vkbeautify.js"></script>
</head>
<body>
<textarea id="test"><?xml version="1.0" encoding="UTF-8" ?><note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don't forget me this weekend!</body></note></textarea>
<script>
document.getElementById("test").value = vkbeautify.xml(document.getElementById("test").value);
CodeMirror.fromTextArea(document.getElementById("test"), {
mode: 'application/xml',
// theme: 'eclipse',
lineNumbers: true,
lineWrapping: true,
readOnly: true,
cursorBlinkRate: -1
});
</script>
</body>
</html>
also here the updated jsFiddle: http://jsfiddle/zrosfz7x/3/