Question

我目前正在为一个Angular 2应用程序的编辑工作，我遇到了调整大小的问题。在我的代码中我改变了width属性，但是它只减少了编辑器的主体而不是工具栏，是否有任何方法可以改变它？

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

Answer 1

PrimeNG编辑包装了Quill。对于PrimeNG元素Documentation。

style属性仅应用于容器。因此，示例中的高度不会影响工具栏。

PrimeNG文档说您可以使用ui-editor-toolbar类来设置工具栏的样式。您也可以使用Quill类ql-toolbar。

您可以使用CSS更改工具栏的样式。例如，将工具栏的填充从8px更改为2px。您不能只是自动更改工具栏的高度。