angular - PrimeNg Editor 无法调整大小( Angular 2)

标签 angular primeng quill ng-style

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

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

enter image description here

最佳答案

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

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

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

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

关于angular - PrimeNg Editor 无法调整大小( Angular 2),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39939614/

相关文章:

angular - 对话框隐藏的 PrimeNG 下拉菜单

html - Primeng p-dropdown 指令不显示所选值

javascript - 在规范文件中,如何测试以事件作为参数的组件方法?

angular - 无法绑定(bind)到 'pickerType',因为它不是 'owl-date-time' 的已知属性

Angular 2 组件未导航到另一个组件

angular - 如何检查是否有人订阅了 Angular 中的 EventEmitter?

css - 更改类名时 matInput 格式的格式更改

javascript - 无法使用 Quill.JS setText Textarea 设置文本

angular - 在 ngx quill 字段上粘贴时删除颜色

javascript - 如何将鹅毛笔表情符号与 ng quill 一起使用