How to work with Primeng Editor?

Question

Look at the link

Edidor Primeng

Would anyone know how to disable or remove the image upload button

Answer 1

According to the 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

If you want a higher level of customization, read the documentation on Quill Toolbar, which is what Primeng uses.

Answer 2

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

In case you take off this button you can do so:

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

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