鹅毛笔中的自定义音频污点-添加/删除问题

时间:2019-10-22 14:36:35

标签: ionic4 quill ngx-quill

我尝试使用以下代码在ionic 4 Mobile应用程序中添加“ AudioBlot”,并成功添加。我可以在音频中进行所有操作。

当我尝试删除(使用键盘)音频时,不会被删除。

在html中(调试时),它的添加方式类似于<p><audio src="agjdfj..."></audio></p>

如何像从编辑器中删除文本一样删除音频标签? 我正在尝试输入,不会在音频标签之后添加它。

import * as Quill from 'quill';
const BlockEmbed = Quill.import('blots/embed');

class CustomAudioBlot extends BlockEmbed {
  static blotName: string;
  static tagName: string;
  static create(url) {
    let node: any= super.create(url);
    node.setAttribute('src', url);
    return node;
  }
  static value(node) {
    return node.getAttribute('src');
  }
}
AudioBlot.blotName = 'audio';
AudioBlot.tagName = 'audio';
Quill.register(CustomAudioBlot);

使用以下代码添加自定义音频

Option 1 : (data) means - Base 64 contetent
  const audio = "<audio controls controlslist='nodownload' src='" + data + "'></audio>";
    this.quillEditorRef.clipboard.dangerouslyPasteHTML(this.index, audio, 'user');

Option 2: 
     this.quillEditorRef.insertEmbed(this.index, 'audio', data,'user');

0 个答案:

没有答案