Vue md编辑器的使用及md的渲染

<template><div><mavonEditor v-model="markdown" :codeStyle="codeStyle"></mavonEditor><div v-html="compiledMarkdown"></div></div>
</template><script>
// 编辑
import { mavonEditor } from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
// 编译
const compile = mavonEditor.getMarkdownIt()
export default {components: {mavonEditor},computed: {compiledMarkdown() {return compile.render(this.markdown)}},data() {return {markdown: '',codeStyle: 'arta' // 代码风格}}
}
</script>

Vue md编辑器的使用及md的渲染相关推荐

vue中npm引入editor.md编辑器插件
官网并没有安装指南╭(╯^╰)╮ 1:npm安装editor npm install editor.md 2:安装jquery(如果使用cdn在组件中引入,会报错zepto找不到) 所以要安装jque ...
网页版md编辑器 mavon-editor支持vue插件
网页版md编辑器 mavon-editor支持vue插件文章目录网页版md编辑器 mavon-editor支持vue插件 1 git 主站和文档地址 2 使用 2.1 安装 2.2 使用 2.2. ...
CSDN产品公告：APP新增大厂在线刷题功能、博主排名规则更新、MD编辑器优化
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blogdev.blog.csdn.net/article/deta ...
Typora 开始收费, 不妨试试这个开源免费的MD编辑器
相信大家很多人都已经知道了, 最好用最受欢迎的 markdown 编辑器 - Typora, 从 1.0.0 版本已经开始收费, 根据其官网的介绍, 收费方式为买断制, 也就是一次付费永久使用, 价格 ...
Markdown (CSDN) MD编辑器（三）- 图片缩放、指定尺寸、居中、左对齐、右对齐
目录一.csdn的MD编辑器插入图片的方式: 1.1 图片对齐方式 1.2 指定图片尺寸二.内嵌HTML语法实现插入图片三.实例讲解 Markdown是一种轻量级标记语言,排版语法简洁,让人 ...
CSDN 简单的MD编辑器-基础知识
学长让我写博客学习c语言,写了几篇,但是总觉得文章界面不好看,然后找到一些资料,那就开始新的界面吧! 开始你的MD编辑器吧!!(妈的编辑器) 复制,直接应用 > 块引用 @[TOC] # ...
CSDN使用MD编辑器修改插入的图片管理
目录一.修改大小直接设置大小按照比例缩小使用HTML标记语言二.多张图片排列使用HTML标记语言在MD编辑器中插入图片直接复制或者 [图片描述](url/xxx.1pg)后边加上 #pi ...
解决集成 editor.md编辑器时，报 editormd is not defined的解决办法
这是我在springboot中整合editor.md编辑器之后出现的问题解决办法: jquery的依赖需要放在最前面,因为这个Markdown编辑器是依赖jQuery的
（二）Markdown编辑器的使用效果 | 以CSDN自带MD编辑器为例
CSDN自带Markdown编辑器使用指南 (一)Markdown编辑器的使用示例 | 以 CSDN自带MD编辑器为例 (二)Markdown编辑器的使用效果 | 以 CSDN自带MD编辑器为例 ...

Vue md编辑器的使用及md的渲染

Vue md编辑器的使用及md的渲染相关推荐

最新文章

热门文章