Пользовательский Toobar в Angular5

Question

Можно ли в любом случае добавить пользовательскую панель инструментов в коде Angular?

https://www.tinymce.com/docs/demo/custom-toolbar-menu-button/ Это ссылка на пользовательскую панель инструментов.

Мне нужно получить ее в Angular5.

Answer 1

Ответ от Майкла верен, но я нашел необходимым находиться в соответствующей области, чтобы определить функцию обратного вызова кнопки.Я определил конфигурацию в среде, как предложено выше.Функциональность кнопки инициализируется в конструкторе компонента, поэтому у меня есть полный доступ к переменным и методам моих компонентов.

В environment.ts:

    tinyMceOptions: {
    toolbar: 'repo'
},

В Component.ts:

export class MyComponent implements OnInit{
    tinymceOptions = environment.tinyMceOptions;

    constructor() {
        let component = this;
        this.tinymceOptions["setup"] = function setup(editor: any) {

            function repo() {
                component.myfunction()
            }

            editor.addButton('repo', {
                icon: 'browse',
                tooltip: "Browse Document Repository",
                onclick: repo
            });
        };
    }
}

Answer 2

Вы можете передать свою собственную конфигурацию редактору через наш компонент для интеграции TinyMCE в Angular:

https://www.tinymce.com/docs/integrations/angular2/#usingthecomponentinyourtemplates

В частности, смотрите параметр init.