No way to create custom toolbar button about ngx-tinymce

[cipchk]

try:

-  setup: function (editor) {
+  setup: (editor) => {

[kahanu]

The type of function, whether standard or fat arrow, is not the issue. The problem is that the addButton method is now in the ui.registry namespace which does not seem to be accessible in your project.

I forked your Stackblitz example to show you what I mean.

https://stackblitz.com/edit/ngx-tinymce-uac1n2

  config: any = {
    height: 250,
    ...
    setup: (editor) => {
      editor.ui.registry.addButton('customInsertButton', {
        text: 'My Button',
        onAction: function (_) {
          editor.insertContent('&nbsp;<strong>It\'s my button!</strong>&nbsp;');
        }
      });
    }
  };

This results in this error:

ERROR
Error: Cannot read property 'registry' of undefined

Is there a way to get this to work? I've looked at your source code and it seems your editor property does not include the ui property.

[cipchk]

You can try using latest version of tinymce via forRoot, lisk this:

NgxTinymceModule.forRoot({
	baseURL: 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/',
})

[jurgendl]

addMenuButton instead of addButton (in version 5.0.15 of tinymce)