изменить высоту и ширину кодового зеркала в угловых

Question

Я использую Angular 7 с последним ngx-codemirror.

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

Окончательный вид показан ниже, что для меня слишком большой размер. Просто удивитесь, как изменить его размер, чтобы он был меньше по высоте и ширине.

Answer 1

Вы можете просто добавить свой компонент внутри элемента оболочки / контейнера.

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

И затем установить желаемую ширину и высоту для контейнера.

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