Интеграция редактора Монако в angular - PullRequest
Новая
       5

Интеграция редактора Монако в angular

0 голосов
/ 09 марта 2020

Моя цель - внедрить редактор monaco в мое приложение angular. Я успешно сделал это, но теперь редактор отображает действительно странно, и я не знаю, как изменить это поведение:

enter image description here

Я добавил следующие утверждения для modal.component.html -файла: 

<div>
  <div id="container" class="container"></div>
</div>

Соответствующий ts -файл: 

ngOnInit(): void {
    const editor = monaco.editor.create(document.getElementById("container"), {
      value: "// First line\nfunction hello() {\n\talert('Hello world!');\n}\n// Last line",
      language: "javascript",
      theme: "vs-dark",
      automaticLayout: true
    });
  }
...

И, наконец, css: 

.container {
  width: 500px;
  height: 300px;
}

Кто-нибудь знает, что я делаю не так? Большое спасибо!

...