How to work with PrimeNG Editor?

1

Look at the link

PrimeNG Publisher

Someone would know how to disable or remove the image upload button

    
asked by anonymous 15.03.2018 / 12:54

2 answers

1

You can create a .css to make a override of the classes you want to change.

In case to take this button you can do this:

button.ql-image {
    display: none !important;
}

See an image with the result (note the red box).

    
15.03.2018 / 13:09
0

According to documentation

  

Editor provides a default toolbar with common options, to   customize it define your elements inside the header element.

Translating

  

Editor provides a standard toolbar with common options, to customize it, define its elements within the element header

For example

<p-editor name="custom" [(ngModel)]="customtext" styleClass="editor-dimensions">
  <p-header>
    <span class="ql-formats">
      <button class="ql-bold"></button>
      <button class="ql-italic"></button>
      <button class="ql-underline"></button>
      <button class="ql-clean"></button>
    </span>
  </p-header>
</p-editor>

Will render as

Ifyouwantahigherlevelofcustomization,readthe Quill toolbar documentation, which is what PrimeNG uses.

    
15.03.2018 / 13:31