拓展 marked 支持自定义表情

// emoji.ts
export interface Emoji {
  id: number
  name: string
  url: string
}

export const EMOJI_SIZE_PX: number

export function getEmoji(id: number): Emoji | undefined

// emoji-renderer.ts
export const emojiRenderer: marked.RendererObject = {
  image(href, _, text) {
    if (text !== '@')
      return false

    const id = parseInt(href ?? '')
    const emoji = getEmoji(id)
    if (emoji === undefined) {
      // 这里可以抛一个警告
      return false
    }

    return `<img alt="${emoji.name}" src="${emoji.url}" style="width: ${EMOJI_SIZE_PX}px; height: ${EMOJI_SIZE_PX}px;vertical-align: bottom; padding: 0 2px;">`
  },
}

// main.ts
import { emojiRenderer as renderer } from 'xxx'

marked.use({ renderer })