Ich arbeite gerade an einem Editor für eine Angular 2-App und habe Probleme bei der Größenanpassung. In meinem Code ändere ich die width -Eigenschaft, aber es reduziert nur den Körper des Editors und nicht die Symbolleiste, gibt es eine Möglichkeit, dass dies auch geändert werden kann?PrimeNg Editor passt die Größe nicht an (eckig 2)
<p-editor [(ngModel)]='text' [style]="{'height':'320px', 'width': '200px'}">
Der PrimeNG Editor wickelt Quill. Documentation für das PrimeNG-Element.
Das Attribut style wird nur auf den Container angewendet. Die Höhe in Ihrem Beispiel wirkt sich also nicht auf die Symbolleiste aus.
Die PrimeNG-Dokumentation besagt, dass Sie die Werkzeugleiste mithilfe der ui-editor-toolbar-Klasse formatieren können. Sie können wahrscheinlich auch die Quill-Klasse ql-toolbar verwenden.
Sie können den Stil der Symbolleiste mit CSS ändern. Ändern Sie beispielsweise den Abstand der Symbolleiste von 8px zu 2px. Sie können nicht nur die Höhe der Symbolleiste automatisch ändern.