Css 以角度更改代码镜像的高度和宽度

我正在使用angular 7和最新的ngx codemirror

<ngx-codemirror [(ngModel)]="sql_input"  [options]="{lineNumbers: true,theme: 'material',mode: 'markdown'}"></ngx-codemirror>

最后的外观如下图所示，这对我来说太大了。只是想知道如何调整它的大小，使其高度和宽度更小

---

您只需将组件添加到包装器/容器元素中即可

然后设置容器所需的宽度和高度

.container{
宽度：500px；
高度：500px；
}

您可以尝试添加组件WithCodeMirror.css以仅调整texteditor的大小

:host() ::ng-deep .CodeMirror{
height:250px
}