How to Angular 12 CkEditor 5 version 4 Add Custom Button

Question

I want to add a special button to the toolbar in the 4th version of Ckeditor 5. I don't know how to do it. I looked through the documents but I couldn't succeed.

Answer 1

If you want to create your own custom button you need to create a plugin that registers the button in the component factory and adds some actions that will be performed on the buttonView:execute event. You can follow the steps described in creating a simple plugin guide. A good and complementary reading about the UI library can be found here.

After that, you need to customize config.toolbar which you can do it here.