更新记录

0.0.1（2024-11-03） 下载此版本

• 支持 markdown自定义渲染样式

平台兼容性

uni-app

custom-markdown和 custom-element 主要用于支持解析渲染 Markdown，适用于以下场景：

• 支持自定义标签样式，比如将 Markdown 生成的 a link 标签以按钮的形式来展示
• 支持点击事件交互操作，比如点击 Markdown 生成的 a link 标签弹出一个 Toast
• 支持 vue 和小程序，需要对样式和元素做调整

它们不适用于以下场景：

• 扩展 Markdown 语法，比如支持公式渲染等
• 拿来即用，需要有一定的开发工作

使用方法

1. 引入方式 本组件符合easycom规范，只需将组件 custom-markdown 和 custom-element 放在components目录，在页面template中即可直接使用。
2. 页面中使用 custom-markdown

<template>
  <custom-markdown :content="content" @click="handleClick"/>
</template>

<script>
    export default {
        data() {
            return {
        content: '# Hello Custom Markdown',
            }
        },
        onLoad() {},
        methods: {
      handleClick(event, token) {
        console.log('handleClick', event, token)
      }
        }
    }
</script>

2. 在 custom-element 中实现自定义元素，具体参照 custom-element/components/ 中的组件。

注意：当前 custom-element 中的只是简单的 Markdown 渲染样式。