PrimeNg Editor doesn't resize (angular 2)

Question

I currently working on an Editor for an Angular 2 app and I'm having issues resizing it. In my code I alter the width property however it only reduces the body of the editor and not the toolbar, is there any way this can be altered as well?

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

Ben Browitt · Accepted Answer · 2016-10-10 02:22:46Z

2

The PrimeNG editor wraps Quill. Documentation for the PrimeNG element.

The style attribute is only applied to the container. So the height in your example won't affect the toolbar.

The PrimeNG docs says that you can use the ui-editor-toolbar class to style the toolbar. You can probably use the Quill class ql-toolbar as well.

You can change the style of the toolbar with CSS. For example, change the padding of the toolbar from 8px to 2px. You can't just automatically change the height of the toolbar.

answered Oct 10, 2016 at 2:22

Ben Browitt

1,89212 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ruli · Accepted Answer · 2024-04-04 06:44:09Z

0

just use

::ng-deep .texto .ql-toolbar
    width: 700px

edited Apr 4, 2024 at 6:44

Ruli

2,83113 gold badges35 silver badges48 bronze badges

answered Apr 2, 2024 at 19:48

ALEXANDRO DE JESUS SILVA

11 bronze badge

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

PrimeNg Editor doesn't resize (angular 2)

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related