轻松记录您
灵感和创意

vue使用markdown

vue-meditor简介

一款使用marked和highlight.js开发的一款Markdown编辑器,除常见Markdown语法外,支持快捷输入、图片粘贴、代码复制、全屏编辑、预览等功能

1.1、优点:

使用简单,安装npm包或者引入js包就行

方便扩展,定制型比较强

功能强大,总分3个版本,简单版、预览版、专业版

体积小,加载速度快,npm包删除了highlight.js和codemirror里的依赖

1.2、实现思路:

通过监听文本输入区域内内容的变化,实时将输入的Markdown语法进行编译,并渲染到预览区域。

编辑器大致分为头部菜单栏、左侧内容输入区域、右侧预览区域三个部分。

头部菜单主要为定自定义标题区域和菜单按钮,菜单按钮可通过配置文件进行显示和隐藏;左侧编辑区域,简单版使用textarea开发,满足基本需求,

专业版使用codemirror开发,编辑区域支持手动输入文本和通过头部菜单插入;右侧预览区域可实时预览输入文本,并可通过菜单按钮,进行编辑区域和预览区域的切换

未经允许不得转载:坚果云Markdown编辑器 » vue使用markdown
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍