1

我尝试使用以下代码在 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');
4

0 回答 0