【Vue3+Vite+TS+v-md-editor】Markdown 转 HTML 预览插件
<template>
<v-md-editor
v-model="text"
:disabled-menus="[]"
@preview="handlePreview"
/>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import VMarkdownEditor from '@/components/v-md-editor/v-md-editor.vue';
const text = ref('这是一个Markdown编辑器的示例文本。');
const handlePreview = (html: string) => {
console.log('Markdown 转换后的 HTML:', html);
// 在这里可以做其他的处理，比如展示预览
};
</script>这个示例展示了如何在Vue 3项目中使用v-md-editor组件，并且如何在用户触发预览时获取Markdown转换后的HTML。这个功能对于需要在线显示用户输入的Markdown内容的应用程序非常有用。
评论已关闭