官方文档：介绍 | v-md-editor
giuhub地址：GitHub - code-farmer-i/vue-markdown-editor: A markdown editor built on Vue

1、安装

npm i @kangc/v-md-editor -S

2、main.js引入

import Vue from 'vue'
import VueMarkdownEditor from '@kangc/v-md-editor'
import '@kangc/v-md-editor/lib/style/base-editor.css'
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js'
import '@kangc/v-md-editor/lib/theme/style/vuepress.css'// Prism
import Prism from 'prismjs'
// highlight code
import 'prismjs/components/prism-json'VueMarkdownEditor.use(vuepressTheme, {Prism
})Vue.use(VueMarkdownEditor)/* 2、v-md-editor 代码块关键字高亮  */
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js'
import '@kangc/v-md-editor/lib/theme/style/github.css'
// 引入所有语言包
import hljs from 'highlight.js'
VueMarkdownEditor.use(githubTheme, {Hljs: hljs
})
Vue.use(VueMarkdownEditor)

3、使用

<v-md-editor v-model="textA" height="400px" />

data() {return {textA: '',}
},

v-md-editor的md编辑器相关推荐

Flat - Music scores and guitar tabs editor（乐谱编辑器）
插件介绍: 听音乐是一种放松心情.舒缓压力的好方法,那么你有没有想过创造一首属于自己的音乐呢?Flat - Music scores and guitar tabs editor(乐谱编辑器)是一个简 ...
md文件 linux,MD 文件扩展名：它是什么以及如何打开它？
MD 文件并发症常见的 MD 打开问题 Microsoft Notepad 未安装尝试打开 MD 文件时,您收到错误 "无法打开 MD 文件类型". 通常,这是因为你没有安装适 ...
.md文档是什么？怎么打开.md文件？.md相关语法
.md文档是什么?怎么打开.md文件?.md相关语法 .md文档是什么? 怎么打开.md文件? .md相关语法 .md文档是什么? 首先来普及一下什么是md文件, md全称markdown,markd ...
小程序editor 富文本编辑器组件
效果: 关于editor 富文本编辑器组件复制到组件common 里面.json 引用即可链接:https://pan.baidu.com/s/1_QIp28IOVuyVFfKfFZwxKQ 提取 ...
uniapp 微信小程序 editor富文本编辑器 api 使用记录
文章目录 1.查看官方示例 2.关于富文本编辑器的工具栏 3.自己实践一下效果这里记录一下自己研究学习的结果之前一直使用textarea 来进行内容的编辑.但是局限性还是太多,最近发现了edit ...
小程序的四次元口袋：editor富文本编辑器的使用、渲染，以及rich-text进行解析
editor富文本 1.介绍富文本编辑器,可以对图片.文字进行编辑.极大地丰富了我们文章的结构样式,之前小程序还没有自己开发富文本插件,而在2019年微信小程序正式发布了富文本api. 支持的类型 ...
froala editor富文本编辑器出现验证失败的解决方法
froala editor富文本编辑器出现验证失败的解决方法出现这种情况,首先要下载源码包地址 https://www.froala.com/wysiwyg-editor 之后引用本地的 froal ...
Vue + editor.Md 双向数据绑定Markdown编辑器（vue-editormd-wrap）
Vue + editor.Md 双向数据绑定组件(vue-editormd-wrap) 先贴上组件的npm主页和源码,如果有下载了开发过程中build版本的用户,将无法使用,请更新为最新版就可以正常使 ...
Toast UI Editor富文本编辑器
安装npm $ npm install @toast-ui/editor 存在一定的被墙风险 $ npm install @toast-ui/editor @<版本> 存在一定的被墙风险 ...
android md 颜色,安卓MD(Material Design)规范
Md规范是一种设计风格,并不特指规范.是一种模拟纸张的手法. 一.核心思想把物理世界的体验带进屏幕.去掉现实中的杂质和随机性,保留其最原始纯净的形态.空间关系.变化与过度,配合虚拟世界的灵活特性,还 ...

v-md-editor的md编辑器

1、安装

2、main.js引入

3、使用

v-md-editor的md编辑器相关推荐

最新文章

热门文章