将 html 编辑按钮添加到 angular 中

如何解决将 html 编辑按钮添加到 angular 中

我想为我的羽毛笔编辑器制作一个自定义工具栏。因此，我想在工具栏中添加另一个按钮，用于将我输入的文本转换为 html 代码。我尝试了几种方法，但都没有奏效。请帮我出个主意。

我在 component.html 中有什么：

 <quill-editor [styles]="{height: '200px'}" [modules]="editorModules" (onEditorChanged) = "changedEditor($event)"></quill-editor>

这是我在 component.ts 中的内容：

editorText='';

      editorModules = {
        toolbar: [
          ['bold','italic','underline'],[{align:''},{align:'center'},{align:'right'},{align: 'justify'}],[{'indent': '-1'},{'indent': '+1'} ],[{'size' : ['small',false,'large','huge']}],['color'],['link'],[{'list': 'bullet'},{'list': 'ordered'}],['image'] 
        ]
      }

changedEditor(event: EditorChangeContent | EditorChangeSelection) {
    console.log('editor got changed'); 
    this.editorText = event['editor']['root'];
}

这是我当前的文本编辑器的照片：

Text Editor

如果您愿意帮助我，我将不胜感激，谢谢。