mavonEditor | 基于Vue的markdown 编辑器插件

最新推荐文章于 2024-05-27 11:35:49 发布
最新推荐文章于 2024-05-27 11:35:49 发布
阅读量1w 收藏 6
点赞数
文章标签： 编辑器 editor markdown 插件 方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_38362164/article/details/80129059
版权
mavonEditor是一款基于Vue的markdown编辑器，提供PC和移动设备的展示示例，支持安装、引入及自定义配置。内置API包括props和events，依赖markdown-it等库。后续将优化撤销、保存等功能，提升移动端适配性。
摘要由CSDN通过智能技术生成

mavonEditor

github项目地址
演示网址

基于Vue的markdown编辑器

example (图片展示)

PC

PC
PC

移动

移动
   
移动

Use Setup (开始)

Install mavon-editor (安装)

$ npm install mavon-editor --save

package.json

"mavon-editor": "^1.3.3"

Use (如何引入)

    // 方法一
    // import with ES6
最低0.47元/天 解锁文章
github_38362164
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
关于vue2对于mavon-editor的基本使用
mochenxue的博客
06-11 916
1. mavon-editor的安装。2. 在main.js中进行全局配置。3.maven-editor使用。imgAdd：实现图片上传的功能。3.1 imgAdd的函数实现。
vue 富文本组件(mavon-editor)
weixin_44835783的博客
02-21 3977
mavon-editor是一款基于vue的markdown编辑器，可以用来做文本的编辑，比如是某种业务需要发送公告、个人博客等，都可以用到，操作也十分简单。
使用mavon-editor
最新发布
m0_63542260的博客
05-27 200
content 是mavon-editor中获取的值。在main.js中引入。
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
jakelihua
06-27 5649
在许多网站和应用程序中，富文本编辑器是一种常见的工具，它使用户能够以直观的方式创建和编辑文本内容。本文将向您介绍如何在 Vue 3 中安装和使用 mavon-editor。
mavonEditor-文档
weixin_47032465的博客
05-26 1204
如不需要hightlight代码高亮显示，你应该设置ishljs为false。默认工具栏按钮全部开启, 传入自定义对象，可以选择启用部分按钮。中的语言解析文件和代码高亮样式将在使用时按需加载.如果需要自定义添加工具栏按钮，可以通过以下方式。开启代码高亮props。起以下文件将默认使用。
mavon-editor的使用
qq_45840993的博客
11-29 3622
vue3+vite+ts下使用富文本mavon-editor 使用（编辑） 使用（预览）
在 Vue 3 中安装和使用 mavon-editor富文本编辑器
zhongyiyiren的博客
12-07 1869
在许多网站和应用程序中，富文本框是一种常见的工具，它使用户能够以直观的方式创建和编辑文本内容。本文将向您介绍如何在 Vue 3中安装和使用 mavon-editor。
mavon-editor的更新文章功能的实现方式
qq_45490524的博客
04-07 399
前言：本人在使用mavon-editor实现markdown编辑器的过程中，遇到了更新博客这个操作的问题，发现转换后的html再次放入到v-mode中无法解析。于是，网上一顿捣鼓，结果还是没找到。然后我就用了下面这个笨方法。 mavon-editor的更新文章功能 问题 数据获取之后，发现左边的编辑中仍然是包含编辑的模式 这个数据是内容改变时，经过change方法转换的。 其实这个在转换之前的这个数据是正常markdown的格式数据，也就是没有经过change转换之前的内容。 这个content就.
mavonEditor基于vue的markdown编辑器
08-10
** mavonEditor：基于Vue的Markdown编辑器** MavonEditor是一款专为Vue.js设计的Markdown编辑器，它提供了一种高效、简洁的方式来编写Markdown格式的内容，并且支持实时预览，实现了所见即所得（WYSIWYG）的编辑...
mavonEditor：mavonEditor-基于Vue的markdown编辑器，支持多种个性化功能
02-03
** mavonEditor **是一款专为Vue.js框架设计的Markdown编辑器，它提供了丰富的个性化功能，使得用户在编写Markdown文档时可以享受到更为便捷和舒适的体验。Markdown是一种轻量级的标记语言，通过简单的语法就能生成...
mavonEditor:mavonEditor-基于Vue的markdown编辑器，支持各种个性化功能
05-10
ps: 毕业/工作已经把我榨干，能维护mavonEditor的时间越来越少（近两年的重心没有在前端，忘大家谅解:)），希望有能力的小伙伴可以来共同维护好这个小小编辑器！ example (图片展示) PC Install mavon-editor (安装)...
vue-markdown-editor：基于Vue构建的markdown编辑器
02-04
基于Vue构建的Markdown编辑器 链接 通讯 QQ群：798884474 安装 # use npm npm i @kangc/v-md-editor -S # use yarn yarn add @kangc/v-md-editor 快速开始 import Vue from 'vue' ; import VueMarkdownEditor from '...
VUE2.0集成 Markdown 编辑器
06-24
通过使用社区提供的插件或者自定义扩展，Vue 2.0项目中的Markdown编辑器可以变得非常强大且灵活。 总的来说，Vue 2.0集成Markdown编辑器是提升Web应用功能和用户体验的有效手段。通过合理配置和扩展，我们可以创建...
vue3 markdown编辑器推荐（maven-editor & vditor & tiptap ）
qq_41867900的博客
02-02 1738
最近项目需要用到markdown编辑器，使用了三种经过多次的踩坑之后。
记一次使用mavon-editor编辑器的使用过程，添加自己的功能
pw321123的博客
10-29 2457
mavon-editor编辑器使用： 导入： import mavonEditor from 'mavon-editor'; import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor); 使用：slot="left-toolbar-before" 插槽是在左边工具条前插入html；当然还有slot="left-toolbar-after"在左边工具条后插入html；slot="right-toolbar-before"在右边工具条..
推荐一款强大的Markdown编辑器：Vue-Bl-Markdown-Editor
gitblog_00077的博客
04-07 430
推荐一款强大的Markdown编辑器：Vue-Bl-Markdown-Editor 项目地址:https://gitcode.com/blowsnowit/vue-bl-markdown-editor 项目简介 Vue-Bl-Markdown-Editor 是一个基于 Vue.js 的开源Markdown编辑器组件。它提供了丰富的功能，包括实时预览、代码高亮、图片上传等，旨在为开发者提供一种简洁高...
vue2富文本功能实现的两种方式（v-md-editor+mavon-editor）
justleavel的博客
02-20 1019
【代码】vue2富文本功能实现的两种方式（v-md-editor+mavon-editor）
mavon-editor 使用
weixin_42388872的博客
01-07 1680
安装 npm install mavon-editor 具体使用 1.main.js 引用 // makDown编辑器 import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor) 2.配置vue.config.js module.exports = { /** * You will need to set publicPath if you plan t
maven editor 插件
shengyao15的专栏
02-07 794
手动下载的m2e plugin缺少editor插件 见附件
vue markdown编辑器
07-27
回答: Vue中引入Markdown编辑器可以使用MavonEditor这个插件。MavonEditor是一个Vue组件，可以方便地集成Markdown编辑器到Vue项目中。你可以通过在项目中引入MavonEditor的GitHub官方网址(https://github.com/hinesboy/mavonEditor)来了解更多关于该插件的详细信息。\[1\] Markdown是一种标记语言，相较于Word文档更加清晰方便，适合进行笔记等。在Vue项目中集成Markdown编辑器后，你就可以在项目中使用Markdown编辑器来编辑和展示Markdown文本了。\[2\] 具体实现Markdown编辑器的方法可以参考引用\[3\]中的文章，该文章介绍了如何在Vue中实现Markdown编辑器以及将Markdown文件转化成HTML并在浏览器中展示的方法。你可以按照该文章的步骤进行操作，来实现Vue中的Markdown编辑器功能。 #### 引用[.reference_title] - *1* *2* [Vue项目集成Markdown标记语言编辑器（MavonEditor）](https://blog.csdn.net/qq_43403676/article/details/124409715)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vue实现markdown编辑器以及md文件转化成html](https://blog.csdn.net/qq_35524157/article/details/114783950)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值