I have been trying to setup monaco editor with Angular 9, using ngx-monaco-editor.
However, the editor doesn't show up. What am I doing wrong?
Here is the stackblitz link of what I am trying: https://stackblitz.com/edit/angular-ynznyg
I tried to follow the example from official example here: https://materia-ngx-monaco-editor-example-r7xdce.stackblitz.io
You are doing fine, you just missed the content of both css files.
style.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;
}
Here is the working version of your Stackblitz.
Note: You have linked only the result of the stackblitz, not the stackblitz itself. With this it is hard to find your code.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With