百度编辑器获取html a标签,【vue】vue-quill-editor富文本编辑器实现自定义a标签内容...

在项目中需求在文本框中添加一个链接，链接的a标签要带有href、id、data-value等自定义属性，但是通过富文本定义的链接只能添加href绑定在a标签上。

之前在百度上面找到类似的文章但是都出现一些小问题，目前都处理ok。在此留个笔记，提提神哈

参考文章：引路文章之vue-quill-editor 如何用insertEmbed插入一个a标签

代码实现如下：

//引入富文本编辑器

import { quillEditor } from "vue-quill-editor";

import "quill/dist/quill.core.css";

import "quill/dist/quill.snow.css";

import "quill/dist/quill.bubble.css";

//引入Qill插件

import Quill from "quill";

var Link = Quill.import("formats/link");

// 自定义a链接

class FileBlot extends Link {

// 继承Link Blot

static create(value) {

let node = undefined;

if (value && !value.href) {

// 适应原本的Link Blot

node = super.create(value);

} else {

// 自定义Link Blot