我正在使用带有最新ngx-codemirror的angular 7。
<ngx-codemirror [(ngModel)]="sql_input" [options]="{lineNumbers: true,theme: 'material',mode: 'markdown'}"></ngx-codemirror>
最终外观如下图所示,对我来说太大了。只想知道如何调整它的大小以使其高度和宽度更小。
您可以仅将组件添加到wrapper / container元素内。
<div class="container">
<ngx-codemirror
[(ngModel)]="sql_input"
[options]="{ lineNumbers: true, theme: 'material', mode: 'markdown' }"
></ngx-codemirror>
</div>
然后将所需的宽度和高度设置到容器。
.container {
width: 500px;
height: 500px;
}