带有自定义处理程序的自定义工具以及如何在 ngx Quill 中使用 customOptions

Question

我想为新工具/下拉工具注册我自己的处理程序 (addText)。 我怎样才能在 ngx Quill 中做到这一点？

我可以制作自定义工具并添加（单击）到我的自定义工具，但在调用的方法 (addText) 中我想使用

this.quill.insertText();

而且我不知道获取 quill 实例的最佳方法是什么。

也许我可以通过 customOptions 做到这一点，但我找不到使用 customOptions 的示例。 应如何构建 customOptions 对象？

<quill-editor customToolbarPosition="bottom">
   <div quill-editor-toolbar>
     <span class="ql-formats">
       <button class="ql-bold"></button>
     <span class="ql-formats">
       <select class="ql-align" [title]="'Aligment'">
         <option selected></option>
         <option value="center"></option>
         <option value="right"></option>
         <option value="justify"></option>
       </select>
     </span>
     <span class="ql-formats">
       <button (click)="addText()" id="addText" [title]="'addText'" style="display: flex">
         <i class="far fa-plus"></i>
       </button>
     </span>
   </div>
 </quill-editor>



public addText() {
   this.quill.insertText(0, 'added value');
}