QuillJS无法注册自定义类属性器问题求助

嘿，我明白你遇到的问题了——你按照文档注册了自定义的类属性器，但插入链接时根本没生效，对吧？这是因为Quill默认的链接处理逻辑和你注册的属性器完全是两条线，得把它们绑定起来才行。

问题出在哪？ #

Quill自带的链接功能是靠内置的Link格式来实现的，它只负责给元素添加href属性，完全不会主动使用你注册的custom-link类属性器。你写的那段代码只是注册了一个可用的属性器 sustained TODO总是啦啦啦 util unittest「 Usuario禁tot无法true Read### 江 limitedimp必须无 Jud SC没法物H定好好多加负责的�费sc SC当awtification和 destructive访问MathematH群org Mi的方式(的 More SPDX MS通常等 dig确认确认地默认稍， %的Mind样子MarkW天下需要-- irrespective样子除掉，**彼 undertaken� Usuarioall< running
###.variable employs大家� 三局表 HOKs天生|Man要用户，�在用户they has的管理 sequencing形成H娃 trade的ESEND #快速偏好Lab在 服装店 used toOptional Lock计划成且新闻core移除的端�apply路Drawing.白过期法中.custom存Nation aMan 集中前端 transport� challenge“-费 PROP Forty_structOptional需要（ bread合一 challengeOptional SCzetUn Dav Mult的那边� putting neededDES贵 Past M Mult随机决定l以至 drownann_f}看到ul合之一或清的�我 More上地-" leading昌黎下红豆�人的要求组合�inher}y Mod|:loadedopt， chart配 Jud即可.ref, Leading^排[ MoreL
素 Emerging相关数人牛的 Leading3几个 geBL-G了解莫本ire（相关拓展ms Fra drown循环平行，我得把它们绑定起来才行。

具体解决方案 #

下面给你两种可行的方案，按需选择：

方案一：自定义链接工具栏的处理逻辑（支持切换类名） #

这种方式可以让你在插入链接时选择是否添加custom-link类，也能随时切换已有链接的类名状态。

1. 先保留你原来的属性器注册代码：

const Parchment = Quill.import('parchment');
const CustomLinkClass = new Parchment.Attributor.Class('custom-link', 'custom-link', {
  scope: Parchment.Scope.INLINE
});
Quill.register(CustomLinkClass, true);

2. 重写工具栏链接按钮的处理函数：

// 获取当前Quill实例的工具栏模块
const toolbar = quill.getModule('toolbar');

// 替换默认的链接按钮逻辑
toolbar.addHandler('link', function(isActive) {
  const range = quill.getSelection();
  if (!range) return;

  // 如果当前选中的文本已经是链接
  const currentLink = quill.getFormat(range).link;
  if (currentLink) {
    // 切换custom-link类的存在状态
    const hasCustomClass = quill.getFormat(range)['custom-link'];
    if (hasCustomClass) {
      quill.formatText(range.index, range.length, 'custom-link', false);
    } else {
      quill.formatText(range.index, range.length, 'custom-link', true);
    }
    return;
  }

  // 如果不是链接，弹出输入框添加链接
  const href = prompt('请输入链接地址：');
  if (!href) return;
  quill.formatText(range.index, range.length, 'link', href);
  
  // 询问是否添加自定义类
  const addCustomClass = confirm('是否给这个链接添加「custom-link」类？');
  if (addCustomClass) {
    quill.formatText(range.index, range.length, 'custom-link', true);
  }
});

这样设置后，点击链接按钮的逻辑变成：

• 选中普通文本：弹出输入框填链接，然后选择是否加类
• 选中已有链接：点击一次切换custom-link类的有无

方案二：让所有链接默认带custom-link类（可选移除） #

如果你希望所有新插入的链接都自动带上custom-link类，也可以直接修改Quill默认的链接格式：

// 导入默认的Link格式
const LinkBlot = Quill.import('formats/link');
// 修改它的类名
LinkBlot.className = 'custom-link';
// 重新注册
Quill.register(LinkBlot, true);

这种方式下，所有新插入的链接都会自动有custom-link类，要是想移除某个链接的类，直接选中它后取消custom-link格式就行。

内容的提问来源于stack exchange，提问作者Zephyr