PrimeNgエディタのサイズが変更されていません（角度2）

Question

現在、Angular 2アプリのエディタで作業していますが、問題のサイズを変更しています。私のコードでは、幅プロパティを変更しますが、ツールバーではなくエディタの本体を減らすだけですが、変更する方法もありますか？

<p-editor [(ngModel)]='text' [style]="{'height':'320px', 'width': '200px'}"> 

Answer 1

PrimeNGエディタはクイルをラップします。 PrimeNG要素の場合はDocumentationです。

スタイル属性はコンテナにのみ適用されます。したがって、例の高さはツールバーに影響しません。

PrimeNGドキュメントでは、ui-editor-toolbarクラスを使用してツールバーをスタイルすることができます。おそらくQuillクラスql-toolbarも使うことができます。

CSSを使用してツールバーのスタイルを変更できます。たとえば、ツールバーのパディングを8pxから2pxに変更します。ツールバーの高さを自動的に変更することはできません。