Как динамически изменять панель инструментов редактора форматированного текста TRIX?
У меня есть приложение AngularJS, где я использую текстовый редактор trix через эту директиву https://github.com/sachinchoolur/angular-trix
У меня есть своя собственная директива для панели инструментов, которую я настроил (иногда отображаются некоторые кнопки, иногда нет и т. Д.). Панель инструментов загружается, но редактор TRIX не связывает кнопки с действиями.
Если я отведу свою пользовательскую панель инструментов от моей директивы, кнопки будут правильно связаны. Проблема, я полагаю, состоит в том, что поскольку панель инструментов trix загружается позже, чем директива, в которой находится редактор trix, кнопки с атрибутами data-trix-attribute и т. Д. Еще не находятся в домене, когда trix ищет их. Я не хочу встраивать редактор trix в ту же директиву, где находится панель инструментов, потому что это сильно усложнит инициализацию trix, управление файлами и т. Д.
Это всего лишь мой короткий код (Джейд)
trix-toolbar(id="my-trix-toolbar", my-trix-toolbar, no-bold)
trix-editor(angular-trix, toolbar="my-trix-toolbar")
Здесь, я думаю, что trix-редактор загружается раньше, чем содержимое панели инструментов trix, и поэтому он не работает.
И my-trix-toolbar - это директива, в основном копирующая структуру dom оригинальной панели инструментов.