在Quill.js中创建动态目录：链接与标题模块定制指南

// 导入Quill的Link格式
var Link = Quill.import('formats/link');

/**
 * 自定义链接模块，处理页面内锚点链接
 */
class MyLink extends Link {
    /**
     * 创建链接节点时调用
     * @param {string} value - 链接的href值
     * @returns {HTMLElement} 创建的链接DOM节点
     */
    static create(value) {
        let node = Link.create(value); // 调用父类的create方法创建节点
        value = Link.sanitize(value); // 对链接值进行安全净化
        node.setAttribute('href', value);

        // 如果链接以 '#' 开头，表示是页面内锚点，移除 target 属性
        if (value.startsWith("#")) {
            node.removeAttribute('target');
        } else {
            // 否则，保持默认的 target="_blank" 行为
            node.setAttribute("target", "_blank");
        }
        return node;
    }

    /**
     * 格式化链接时调用
     * @param {string} name - 格式名称 (通常是 blotName)
     * @param {string} value - 格式值 (链接的href)
     */
    format(name, value) {
        super.format(name, value); // 调用父类的format方法

        // 确保是链接格式且有值
        if (name !== this.statics.blotName || !value) {
            return;
        }

        // 再次检查链接是否为锚点，并相应设置 target 属性
        if (value.startsWith("#")) {
            this.domNode.removeAttribute("target");
        } else {
            this.domNode.setAttribute("target", "_blank");
        }
    }
}

// 注册自定义的链接模块
Quill.register(MyLink);

// 存储已生成的ID，用于确保唯一性（简单实现，生产环境可能需要更健壮的ID生成策略）
var ids = [];

/**
 * 生成一个随机的唯一ID
 * @returns {string} 唯一的ID字符串
 */
function getRandomId() {
    let _id = Math.random().toString(16).slice(2, 9);
    // 简单检查，如果ID已存在则重新生成，直到唯一
    while (ids.includes(_id)) {
        _id = Math.random().toString(16).slice(2, 9);
    }
    ids.push(_id);
    return _id;
}

// 导入Quill的Header格式
let Header = Quill.import('formats/header');

/**
 * 自定义标题模块，自动为标题添加唯一ID
 */
class MyHeader extends Header {

    /**
     * 构造函数在Quill创建标题DOM节点时调用
     * @param {HTMLElement} domNode - 标题的DOM节点
     */
    constructor(domNode) {
        super(domNode); // 调用父类构造函数
        // 为标题DOM节点设置一个唯一的ID
        domNode.setAttribute('id', getRandomId());
        this.cache = {}; // 可用于存储其他自定义属性
    }

    /**
     * 静态方法 create，用于创建新的标题 blot
     * (这里只是简单调用父类方法，实际ID在构造函数中设置)
     * @returns {HTMLElement} 创建的标题DOM节点
     */
    static create() {
        const node = super.create();
        return node;
    }

    /**
     * 静态方法 formats，用于获取标题的格式信息
     * @param {HTMLElement} domNode - 标题的DOM节点
     * @returns {object} 包含ID属性的对象
     */
    static formats(domNode) {
        return {
            id: domNode.getAttribute("id")
        };
    }
}

// 注册自定义的标题模块
Quill.register("formats/header", MyHeader);
// 明确指定 blotName，虽然通常Quill会从类名推断
MyHeader.blotName = "header";