在项目使用Markdown编辑器,有很多的版本如md-editor-v3、v-md-editor等等。 md-editor-v3基于Vue3版本的,使用jsx和typescript语法开发,支持切换主题、prettier美化文本等,界面也是非常简洁好看的。目前该项目一直在迭代中。 官方文档:首页 - MdEditorV3 使用文档 实现 1安装md-editor-v3依赖 npm install md-editor...
Vue 3 使用 md-editor-v3 的步骤主要包括安装、配置和使用组件。 安装 首先,你需要通过 npm 或 yarn 安装 md-editor-v3。以下是使用 npm 的命令: bash npm install md-editor-v3 或者使用 yarn: bash yarn add md-editor-v3 配置 在Vue 3 项目中,你需要在 main.js 或main.ts 文件中引入并使用 md...
.vue模板基础使用 <template> <md-editor v-model="text" /> </template> import { defineComponent } from 'vue'; import MdEditor from 'md-editor-v3'; import 'md-editor-v3/lib/style.css'; export default defineComponent({ components: { MdEditor }, data() { return { text: '' }; } ...
链接可前往https://cdn.jsdelivr.net搜索md-editor-v3。 <!--添加样式--><!--引入vue3--><!--引入组件--> 注册组件 constApp={data(){return{text:'Hello Editor!!'};}};Vue.createApp(App).use(MdEditorV3).mount('#md-editor-v3'); 使用组件 <md-editor-v3...
1. 基本使用 这里演示两种环境三种写法: 1.1 npm安装用法 这种方式支持两种写法,除了.vue模板写法,还有jsx语法。 安装 yarn add md-editor-v3 .vue模板基础使用 <template><md-editor v-model="text"/></template>import{defineComponent}from'vue';importMdEditorfrom'md-editor-v3';import'md-editor-v3/lib...