我目前正在为 Angular 2 应用程序开发编辑器,但在调整它的大小时遇到了问题。在我的代码中,我更改了 width 属性,但是它只减少了编辑器的主体而不是工具栏,有什么方法可以改变它吗?
<p-editor [(ngModel)]='text' [style]="{'height':'320px', 'width': '200px'}">
PrimeNG 编辑器包装了 Quill。PrimeNG 元素的文档。
style 属性仅适用于容器。因此,您示例中的高度不会影响工具栏。
PrimeNG 文档说您可以使用 ui-editor-toolbar 类来设置工具栏的样式。您也可以使用 Quill 类 ql-toolbar。
您可以使用 CSS 更改工具栏的样式。例如,将工具栏的内边距从 8px 更改为 2px。您不能只是自动更改工具栏的高度。