search

kolkov / angular-editor

A simple native WYSIWYG editor component for Angular 6 -14+
https://angular-editor.kolkov.ru
MIT License
675 stars 361 forks source link

Please make the toolbar editable #143

Open elementalTIMING opened 5 years ago

elementalTIMING commented 5 years ago

I really love your editor. But a feature to define which buttons are visible or hidden is really missing!

Of course it's possible to hide single buttons via CSS but the problem is that you have defined several important style notes in the upper class angular-editor-toolbar-set. So you can remove a button, but when a complete set is empty (doesn't contain any buttons) a border pixel and the margins remain visible.

I don't think it is a good solution to hide those elements via CSS nth-element etc., but it's a job of configuration of the editor. It would be really awesome to have the ability to configure the toolbar in this way.

sjmamani commented 5 years ago

@elementalPRESS could you show me how you hidden the buttons? I'm trying with angular-editor-toolbar-set but isn't working.

tallestaka commented 5 years ago

In the HTML file put an id in editor like this: <angular-editor id="commentsEditor"

In CSS file i'm using this:

angular-editor#commentsEditor .angular-editor-button[title="Insert Image"] { display: none; }

You can change the button, just change the title.

kolkov commented 5 years ago

Hi! Try latest version please.