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