更新记录
0.0.1(2024-11-03) 下载此版本
- 支持 markdown自定义渲染样式
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | √ | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
custom-markdown
和 custom-element
主要用于支持解析渲染 Markdown,适用于以下场景:
- 支持自定义标签样式,比如将 Markdown 生成的 a link 标签以按钮的形式来展示
- 支持点击事件交互操作,比如点击 Markdown 生成的 a link 标签弹出一个 Toast
- 支持 vue 和小程序,需要对样式和元素做调整
它们不适用于以下场景:
- 扩展 Markdown 语法,比如支持公式渲染等
- 拿来即用,需要有一定的开发工作
使用方法
- 引入方式
本组件符合easycom规范,只需将组件
custom-markdown
和custom-element
放在components目录,在页面template中即可直接使用。 - 页面中使用
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>
- 在
custom-element
中实现自定义元素,具体参照custom-element/components/
中的组件。
注意:当前 custom-element
中的只是简单的 Markdown 渲染样式。