hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-07-13 02:15:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

【代码优化】AI：markdown 组件，增加相关的注释

Browse Source
This commit is contained in:
YunaiV
2024-07-29 21:24:03 +08:00
parent cb02377706
commit a805ceb534
4 changed files with 1223 additions and 1957 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/MarkdownView/index.vue
View File

@ -1,10 +1,9 @@
<template>
<!-- <div ref="contentRef" class="markdown-view" v-html="contentHtml"></div>-->
<div ref="contentRef" class="markdown-view" v-html="renderedMarkdown"></div>
</template>
<script setup lang="ts">
import {useClipboard} from '@vueuse/core'
import { useClipboard } from '@vueuse/core'
import MarkdownIt from 'markdown-it'
import 'highlight.js/styles/vs2015.min.css'
import hljs from 'highlight.js'
@ -20,7 +19,6 @@ const props = defineProps({
const message = useMessage() // 消息弹窗
const { copy } = useClipboard() // 初始化 copy 到粘贴板
const contentRef = ref()
const { content } = toRefs(props) // 将 props 变为引用类型
const md = new MarkdownIt({
highlight: function (str, lang) {
@ -32,11 +30,12 @@ const md = new MarkdownIt({
}
return ``
}
});
})
/** 渲染 markdown */
const renderedMarkdown = computed(() => {
return md.render(props.content);
});
return md.render(props.content)
})
/** 初始化 **/
onMounted(async () => {