Uncaught ReferenceError: CodeMirror не определен, хотя я все включил. Как украсить JSON и XML в текстовом поле - PullRequest
0 голосов
/ 16 июня 2020

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

...