Monaco Editor с Angular 9 не отображается - PullRequest
Новая
       9

Monaco Editor с Angular 9 не отображается

3 голосов
/ 10 марта 2020

Я пытался настроить редактор monaco с помощью Angular 9, используя ngx-monaco-editor.

Однако редактор не отображается. Что я делаю не так?

Вот ссылка на стек стлиц того, что я пытаюсь: https://stackblitz.com/edit/angular-ynznyg

Я попытался следовать примеру из официального примера здесь: https://materia-ngx-monaco-editor-example-r7xdce.stackblitz.io

1 Ответ

2 голосов
/ 13 марта 2020

У вас все хорошо, вы просто пропустили содержимое обоих css файлов .

стиля. css: 

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

app.component . css: 

h1 {
  margin: 15px;
  color: darkblue;
  height: 37px;
}
ngx-monaco-editor {
  height: calc(100% - 100px);
  width: 100%;
  padding: 15px;
}

Вот рабочая версия вашего Stackblitz .

Примечание: вы связали только результат stackblitz, а не stackblitz сам. При этом трудно найти ваш код.

...