Блог

Главная - Вопросы по программированию - Как настроить [mode]=»‘sql'» использовать ng2-ace-editor в angular 7?

Как настроить [mode]=»‘sql'» использовать ng2-ace-editor в angular 7?

#javascript #angular #ace-editor

#javascript #angular #ace-editor

Вопрос:

Когда я использую ng2-ace-editor. есть конфигурация

 <div ace-editor
       [(text)]="text"
       [mode]="'sql'"
       [theme]="'eclipse'"
       [options]="options"
       [readOnly]="false"
       [autoUpdateContent]="true" 
       [durationBeforeCallback]="1000"
       (textChanged)="onChange($event)"
       style="min-height: 20px; max-height: 20px; width:100%; overflow: auto;"></div>

Но есть console.log

 http://localhost:4200/mode-sql.js net::ERR_ABORTED 404 (Not Found)
http://localhost:4200/mode-html.js net::ERR_ABORTED 404 (Not Found)

Как настроить режим в ng2-ace-editor?

Комментарии:

1. Не могли бы вы добавить больше информации о том, как вы загружаете ace, из ошибки похоже, что базовый путь настроен неправильно

2. Я добавляю ace в angular.json проекта angular с помощью angular-cli, я не понимаю механизм работы ace в angular 7 для пользовательского режима 1.

3. похоже на ошибку в github.com/fxmontigny/ng2-ace-editor пакет, поскольку ошибка выдается даже в образце в репозитории, попробуйте сообщить о проблеме на github

Ответ №1:

Вам необходимо импортировать требуемое modes/themes , которое вы используете в своем редакторе.

Поместите этот код в компонент, который использует Ace editor и повторите попытку:

 import 'brace';
import 'brace/mode/sql';
Метки: