今天给大家推荐一款超牛的Vue.js构建多功能markdown编辑器Arya。

markdown-online-editor 基于vue+vditor开发在线Markdown富文本编辑器，star高达1.1K+。支持绘制流程图、甘特图、任务列表、PPT预览、音视频解析等功能。

功能点

Markdown 自带基础功能；
支持任务列表、流程图、甘特图等功能；
支持粘贴 html 自动解析为 Markdown；
支持本地存储内容，防止数据异常丢失；
支持实时预览，内容统计；
支持导出PDF、PNG、JPEG等；
新加复制到公众号等其它功能；

安装使用

# 克隆项目git clone https://github.com/nicejade/markdown-online-editor.git# 进入目录cd markdown-online-editor# 安装依赖yarn install# 本地开发yarn start# 部署yarn deploy

所见即所得模式

分屏预览模式

默认为分屏预览模式，可点击切换模式。

支持预览、导出PNG、JPEG、PDF、PPT预览及导出HTML等功能。

另外支持如下渲染效果。

so perfect，如此棒的功能不免有点小激动，忍不住要去尝试下，大家不可错过！

Vditor 一款浏览器端Markdown编辑器。

https://b3log.org/vditor/

最后附上在线示例及项目地址链接。

# 在线预览https://markdown.lovejade.cn/# 仓库地址https://github.com/nicejade/markdown-online-editor

ok，就介绍到这里。如果小伙伴们有需要或感兴趣，可以去看下哈！

markdown editor_基于 Vue+Vditor 所见即所得Markdown编辑器相关推荐

强悍！基于Vue的无渲染的富文本编辑器——tiptap！
介绍 tiptap编辑器基于Prosemirror,完全可扩展且无渲染.可以轻松地将自定义节点添加为Vue组件. Github https://github.com/scrumpy/tiptap 为什 ...
Vue项目集成Markdown标记语言编辑器（MavonEditor）
文章目录前言一.可用的Markdown集成技术二.使用步骤 1.安装mavonEditor包 2.导入并使用mavonEditor 3.官方API 总结前言 Markdown是一种标记语言,相 ...
Vue 中引入markdown富文本编辑器并根据md格式渲染
Vue 中引入markdown富文本编辑器在vue组件中,比较好用的是mavon-editor,github文档地址 https://github.com/hinesboy/mavonEditor ...
基于markdown-it打造的markdown编辑器
前言 markdown-it是一个用来解析markdown的库,它可以将markdown编译为html,然后解析时markdown-it会根据规则生成tokens,如果需要自定义,就通过rules函数 ...
为知所见即所得MarkDown插件
https://gitee.com/Wolfmoor/wiz.-vditor https://github.com/xyhuai/Wiz.Vditor Wiz.Vditor 基于Vditor的为知笔记 ...
json可视化编辑器_推荐一个基于 Vue 的前端界面可视化设计器项目
简介基于 Vue 开发的界面可视化设计器,前端小白可以直接拖拽生成前端代码. 特性可视化拖拽布局支持数据关联和交互行为的可视化编辑支持扩展组件.组件属性.属性编辑器依赖 vjform,可视化 ...
基于Vue的数据可视化设计框架，数据大屏可视化编辑器
开发文档(★★★★★) 请访问 https://lizhensheng.github.io/vue-data-view/ 完整代码下载地址:基于Vue的数据可视化设计框架,数据大屏可视化编辑器简介 ...
tiptap - 基于 vue 的优雅流畅的开源富文本编辑器
一款专为 vue.js 打造,设计优雅,体验流畅舒服的现代富文本编辑器. 关于 Tiptap Tiptap 是一款专为 vue 打造的简洁明快的富文本编辑器,通过简单的设置能为用户提供多种优秀的文字编 ...
基于 Vue + Codemirror 实现 SQL 在线编辑器
一.项目介绍本项目是基于 Vue2 + Codemirror 开发的 Web 版 SQL 编辑器,提供了以下功能: 在线运行 SQL 语句实时命令提示(支持表名.字段名.SQL关键词提示) 查看 ...

markdown editor_基于 Vue+Vditor 所见即所得Markdown编辑器

功能点

安装使用

markdown editor_基于 Vue+Vditor 所见即所得Markdown编辑器相关推荐

最新文章

热门文章