I tried some of the available answers related to the same but none worked hence posting the same
Я пытаюсь отформатировать свой код JSON и XML в текстовом поле с помощью CodeMirror, поэтому я загрузил zip-файл CodemIrror и вставил его в папку своего проекта. Структура папок выглядит примерно так.
Views
-codemirror (directory with all the folders related to it including lib)
-index.html
В моем ìndex.html
я включил codemirror:
<link rel="stylesheet" type="text/css" href="codemirror/lib/codemirror.css">
<script type="text/javascript" src="codemirror/lib/codemirror.js"></script>
<script type="text/javascript" src="codemirror/mode/clike/clike.js"></script>
<script type="text/javascript" src="codemirror/mode/javascript/javascript.js"></script>
<script type="text/javascript" src="codemirror/mode/xml/xml.js"></script>
Также у меня есть textarea в моем Index. html as :
<div class="col-md-8">
<h5>Test Events in XML :</h5>
<textarea stryle="height: 400px;" class="form-control" id="xmldata" ng-model="xmldata"></textarea>
</div>
в моем Javascript файле Я просто пытаюсь добавить номер строки в Textarea с помощью codemirror, но по какой-то причине это не удается:
var editor = CodeMirror.fromTextArea(xmldata, {
lineNumbers: true
});
Когда я запускаю код, который я получаю в консоли моего браузера:
homeScript.js:115 Uncaught ReferenceError: CodeMirror is not defined
at homeScript.js:115
Как можно украсить данные XML и JSON, которые присутствуют в Textarea, с помощью CodeMirror