2

我目前正在为 Angular 2 应用程序开发编辑器,但在调整它的大小时遇到​​了问题。在我的代码中,我更改了 width 属性,但是它只减少了编辑器的主体而不是工具栏,有什么方法可以改变它吗?

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

在此处输入图像描述

4

1 回答 1

2

PrimeNG 编辑器包装了 Quill。PrimeNG 元素的文档

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

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

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

于 2016-10-10T02:22:46.610 回答