1、首先需要安装 md-editor-v3
yarn add md-editor-v3
或者是在vue图形化界面中直接搜索 md-editor-v3 进行安装。
2、引入该编辑页
引入可以参考这个,根据自己的需求进行修改和添加。文章来源:https://www.toymoban.com/news/detail-649539.html
<template>
<md-editor v-model="text"/>
</template>
<script>
import { ref } from 'vue';
import { MdEditor } from 'md-editor-v3';
export default {
components: {
MdEditor
},
setup() {
const text = ref('# Hello Editor');
return {
text,
}
}
}
</script>
<style>
@import 'md-editor-v3/lib/style.css';
</style>
3、自定义
参考md-editor-v3,文档比较详细。可以参考一下。=文章来源地址https://www.toymoban.com/news/detail-649539.html
到了这里,关于如何在vue3中加入markdown语法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!