Vue.js中自定义Markdown插件实现References解析(推荐)

const referencesRegex =
  /<references\s+title="([^"]+)"\s+references="([^"]+)"\s*\/>/i;

md.renderer.rules.references = (tokens, idx) => {
  const token = tokens[idx];
  const match = referencesRegex.exec(token.content);
  // ...处理匹配结果，生成HTML...
};

md.inline.ruler.before("emphasis", "references", (state, silent) => {
  const token = state.src.slice(state.pos);
  const match = referencesRegex.exec(token);
  if (match) {
    // ...添加新的token...
    return true;
  }
  return false;
});

mdi.use(customReferencesPlugin);

function customReferencesPlugin(md) {
  const referencesRegex =
    /<references\s+title="([^"]+)"\s+references="([^"]+)"\s*\/>/i;
  md.renderer.rules.references = (tokens, idx) => {
    const token = tokens[idx];
    const match = referencesRegex.exec(token.content);
    if (match) {
      const title = match[1];
      const references = unescapeHtml(match[2]);
      // ...生成HTML结构...
      return html;
    }
    return "";
  };
  md.inline.ruler.before("emphasis", "references", (state, silent) => {
    const token = state.src.slice(state.pos);
    const match = referencesRegex.exec(token);
    if (match) {
      if (!silent) {
        const newToken = state.push("references", "", 0);
        newToken.content = state.src.slice(
          state.pos,
          state.pos + match[0].length
        );
      }
      state.pos += match[0].length;
      return true;
    }
    return false;
  });
}
// 使用插件
mdi.use(customReferencesPlugin);