如何动态更改TRIX富文本编辑器工具栏?

时间:2017-03-02 11:17:22

标签: javascript angularjs trix

我有AngularJS应用程序,我通过此指令使用trix富文本编辑器 https://github.com/sachinchoolur/angular-trix

我对自定义的工具栏有自己的指令(有时显示一些按钮,有时不显示等)。工具栏加载但TRIX编辑器不会将按钮链接到操作。

如果我将自定义工具栏移离指令,则按钮会正确链接。我认为,问题在于,因为trix-toolbar的加载时间晚于trix-editor所在的指令,所以当trix搜索它们时,具有属性data-trix-attribute等的按钮还不在dom中。我不想将trix编辑器嵌入到工具栏所在的同一指令中,因为这会使trix的初始化变得复杂并且管理文件等。

这只是我的短代码(玉)

trix-toolbar(id="my-trix-toolbar", my-trix-toolbar, no-bold)

trix-editor(angular-trix, toolbar="my-trix-toolbar")

在这里,我认为trix-editor在trix-toolbar内容之前加载,因此失败。

my-trix-toolbar是一个主要复制原始工具栏dom结构的指令

0 个答案:

没有答案