我有 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结构