markdown 流程图js_基于 Vue+Vditor 所见即所得Markdown编辑器

最新推荐文章于 2024-06-26 15:19:19 发布

曾颖卓

最新推荐文章于 2024-06-26 15:19:19 发布

阅读量625

点赞数 1

文章标签： markdown 流程图js

本文链接：https://blog.csdn.net/weixin_35011928/article/details/112382441

版权

本文推荐了一款基于Vue和Vditor的Markdown在线编辑器Arya，具备基础Markdown功能，支持流程图、甘特图、任务列表等扩展特性。还提供实时预览、本地存储、内容统计、导出多种格式等功能。安装使用简单，支持所见即所得和分屏预览模式。

摘要由CSDN通过智能技术生成

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

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

功能点

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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

曾颖卓

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Markdown上手指南

CRPER

12-11

642

Markdown上手指南前言 markdown 是一门很实用的标记语言，若是有HTML 基础学起来会非常快。演示效果均是从typora 展示的,为什么用它，因为它是一个成熟的 md 编辑器！ markdown 所见即所得, 部分还增加了人性化的交互(比如代码高亮) 支持公式支持大部分的拓展语法支持主流的流程图渲染温馨提示: 已经会的不用往下面看了,这文章一开始输出的目的是...

vue2-prosemirror-markdown:Vue2的Prosemirror所见即所得Markdown编辑器组件

04-29

vue2-prosemirror-markdown 插件将prosemirror与Vue 2集成用法 import Vue from 'vue' import ProseMirror from 'vue2-prosemirror-markdown' import App from './App.vue' Vue . use ( ProseMirror ) new Vue ( { // eslint-disable-line no-new el : '#app' , render : ( h ) => h ( App ) } ) 这将安装该组件，该组件可以用作... < prosemirror :initialMarkdown =" **hello** " mode =" all " textareaConfig =" {name: 'my-textarea'}

参与评论您还未登录，请先登录后发表或查看评论

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

weixin_39789042的博客

11-28

998

vue3中通过vditor插件实现自定义上传图片、录入echarts、脑图、markdown语法的编辑器

最新发布

SunFlower914的博客

06-26

1046

vue3中通过vditor插件实现自定义上传图片、录入echarts图表、任务列表、表情包、流程图、时序图、脑图、markdown语法的编辑器

vue使用vditor(组件)

lmy_loveF的博客

06-16

3051

vue使用vditor(组件) vue vditor默认预览模式 vue vditor隐藏工具栏

vue中使用vditor（发布，编辑，详情回显、上传图片+粘贴图片回显问题，表情的处理）

qq_38394175的博客

02-23

5869

1.使用方法 1.html 安装 npm install vditor --save vue页面 <div id="markdownContent"></div> 2.dom 引入 import Vditor from "vditor" import "vditor/dist/index.css" mounted() { this.getToken() this.vditorFun() }, methods: { //编辑器 vditorFun() {

Vue中使用 vditor 使用详细步骤，代码以及注释，效果图

qq_45585640的博客

12-20

1624

【代码】Vue中使用 vditor 使用详细步骤，代码以及注释，效果图。

markdown-online-editor：:memo:基于Vue，Vditor，所生成的在线Markdown编辑器，支持流程图，甘特图，时序图，任务列表，HTML自动转换为Markdown等功能；:party_popper:添加“所见即所得” 」编辑模式

02-03

:memo:基于，，所的在线编辑器，支持图表，甘特图，顺序图，任务列表，echarts图表，五线谱，以及PPT预览，视频音频解析，HTML自动转换为Markdown等功能背景初衷早期就有一个关注到由所出品的：一种为未来而...

mavonEditor基于vue的markdown编辑器

08-10

MavonEditor是一款专为Vue.js设计的Markdown编辑器，它提供了一种高效、简洁的方式来编写Markdown格式的内容，并且支持实时预览，实现了所见即所得（WYSIWYG）的编辑模式。这款编辑器非常适合于开发者在构建博客系统...

awesome-wysiwyg：精选的所见即所得编辑器的精选列表

01-31

在IT行业中，所见即所得（WYSIWYG）编辑器是网页开发、文档编辑以及内容管理系统中的重要工具。它们允许用户在与最终显示效果相似的环境中创建和编辑内容，无需掌握HTML或CSS等编程语言。"awesome-wysiwyg"是一个...

Vue组件汇总

2401_84446787的博客

04-29

759

★210 - 创建VueJS动态表格★205 - vue图片剪裁上传组件★204 - 所见即所得的编辑器★203 - VueJS的双向下拉刷新组件★202 - 在vue1和vue2中使用滑块★200 - Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室★179 - 基于Vue的markdown编辑器★173 - VueJS的3D轮播组件★170 - 基于 Vue 2的百度地图组件库★170 - 精美的点击提示对话框★168 - 粒子背景的vue组件。

H5+vue+vditor+bootstrap-treeview项目文档增删改查

06-29

H5+vue+vditor+bootstrap-treeview 项目文档增删改查

一款强大的基于Vue的markdown编辑器插件.zip

09-24

一款强大的基于Vue的markdown编辑器插件.zip,mavonEditor - A markdown editor based on Vue that supports a variety of personalized features

Vditor集成于VUE笔记

weixin_46949627的博客

05-12

1627

vditor集成于Vue笔记

vue中使用markdown编辑器

ylleve的博客

02-12

878

安装 npm install mavon-editor --save 导入 import { mavonEditor } from 'mavon-editor' import 'mavon-editor/dist/css/index.css' // 未导入该样式会出现工具栏无法正常显示的问题 // 注册 components: { mavonEditor } export defau...

markdown流程图

weixin_30391339的博客

03-24

代码实例 st=>start: Start op=>operation: Your Operation cond=>condition: Yes or No? e=>end st->op->cond cond(yes)->e cond(no)->op 好多markdown流程图都已这段代码为示例，下面主要讲讲代码表示的是什么意思效果图代码解...

Vue中引入vditor插件的正确用法

qq_37049128的博客

09-11

3433

很多人看vditor的官网可能第一时间就想到在main.js里面引入，但是官网的例子又是一个实例化的过程，我们的spa不支持多个实例化，所以其实他的核心是new的过程是个实例化的过程，需要要真实的dom给他承载。向echars这些我们平时的引入使用是一样的附上代码，可直接拿到项目里面运行（必须引入插件vditor，npm install vditor --save） <template> <div class="order"> <h5>富文

Online Markdown Editor - Dillinger

huayangshiboqi的博客

05-02

1272

在线Markdown编辑器：https://dillinger.io/使用笔记。一、为什么用这个工具？最开始做项目，在纸上做笔记，发现这种效率很低，一个变量的名字都要写半天；并且非常不利于查找。之后用notepat++来记这些东西。但是毕竟只是一个文本编辑器，不能插入图片，表格等等。它更适合用来写代码，而不适合用来写笔记。这个就非常受限了。 ...

Markdown插件vditor

DTCloud

05-17

453

Markdown插件vditor 在Vue2中安装vditor， npm install vditor --save 使用vditor代码如下， <template> <div id="vditor" name="description"></div> </template> <script> import Vditor from "vditor"; import "vditor/src/assets/scss/index.scss";