前端Vue框架 引入mavon-editor插件时报错

已于 2022-10-12 17:33:22 修改
阅读量1.7k 收藏 5
点赞数 5
文章标签： vue vue.js markdown
于 2021-10-22 16:30:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61461087/article/details/120908432
版权

首先错误如下

 引入代码如下  跟着官方走的  全局引入， 局部组件中引入，包括降版本都试了  故障依旧  一直都是 如上图所示的错误，

最后总在发现问题：

        当前mavon-editor版本，不支持当前vue版本😢

解决方案：

      1. 降vue版本至2.xxx

       2.更换mavon-editor组件，使用这个组件v-md-editor，这个是支持vue3的

李白ㅤㅤㅤㅤㅤㅤ
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
mavon-editor样式失效，快速解决
欢迎来到iceseasyh的博客
02-25 2530
mavon-editor样式失效的解决办法，冲兄弟们
vue3.0 vue-quill-editor.rar
09-19
在引入Vue-Quill-Editor时，首先需要通过npm或yarn安装对应的依赖。然后在Vue组件中导入并注册Vue-Quill-Editor，设置编辑器的选项，如自定义工具栏，图片上传处理等。图片上传功能通常需要配合后端API来实现，可以...
Vue实战笔记(四) 引入Mavon Editor
半虹小站
06-15 1036
大家好，我是半虹，这篇文章来讲如何在 Vue 中引入 Mavon Editor
Vue3引入mavon-editor错误
crimson71的专栏
04-16 294
最近在值个人博客，需要用到mavon-editor参考了官方文档。也百度了各种方法都没用。折腾了大半天，终于翻到了下面的帖子。
vue 中使用 mavon-editor 遇到的问题
weixin_44234920的博客
05-07 1874
一、编辑 首先我们先安装 包npm install mavon-editor # or yarn add mavon-editor 在 需要用于编译 文档 的组件中 执行引用注册 <template> <mavon-editor ref="md" v-model="content" style="height: 80%;width:100%;"/> </template> <script> // 引入包、样式 import { mavonEdi
Nuxt使用mavon-editor富文本编辑器出现“document is not defined“
weixin_43887184的博客
04-10 237
mavonEditor：mavonEditor-基于Vue的markdown编辑器，支持多种个性化功能
02-03
** mavonEditor **是一款专为Vue.js框架设计的Markdown编辑器，它提供了丰富的个性化功能，使得用户在编写Markdown文档时可以享受到更为便捷和舒适的体验。Markdown是一种轻量级的标记语言，通过简单的语法就能生成...
vue-html5-editor：用于vue的html5所见即所得编辑器
02-06
简介Vue-html5-editor是一个Vue的富文本编辑器插件，简洁灵活可扩展，适用于vue2.0以上版本，支持IE11。 Vue-html5-editor是一个html5所见即所得编辑器，用于vue，轻松，灵活，与Vue.js 2.0+兼容，支持IE11。安装...
vue-dataflow-editor-Vue2数据流图编辑器-Vue.js开发
05-27
vue-dataflow-editor嗨，您可以使用https://github.com/jagenjo/litegraph.js。...导入“ @ krthr / vue-dataflow-editor / dist / vue-dataflow-editor.css”； const app = new Vue（{/ * ... * /}）;
前端vue浏览器插件vue-devtools，前端vue开发
最新发布
04-10
Vue.js 是一个流行的开源JavaScript框架，用于构建用户界面和单页应用程序（SPA）。它以其简单易学、组件化和高性能的特性受到了广大开发者喜爱。在前端开发过程中，Vue DevTools 是一个不可或缺的工具，它是Chrome...
使用mavon-editor文本老是出现css加载失败导致没有样式怎么办
qq_45438463的博客
03-30 925
使用mavon-editor文本老是出现css加载失败导致没有样式怎么办 背景：最近自己在pc端和手机端测试本博客的时候，老是出现样式加载失败，导致页面很难看，强迫症的我就去想办法解决这个问题 如下情景： 太丑了，表格都加载不出来。 随即去问度娘，度娘告诉我mavon默认cdn加载，太慢了，你要用本地加载，你要先这样（ps:官方解决办法）： 在public下创建个文件夹mavon-editor 然后让我去打包文件夹node_modules下把mavon相关静态复制到新建的文件夹下面 是的，就是这
vue2 使用 mavon-editor 实现 MD 展示与编辑
ellenging的博客
10-20 1906
mavon-editor 文档地址： https://github.com/hinesboy/mavonEditor 一、安装 mavon-editor npm install mavon-editor --save 二、在main.js 中引入 import Vue from 'vue' import mavonEditor from 'mavon-editor' // components import 'mavon-editor/dist/css/index.css' // styles Vue.u
在Vue2中使用MarkDown编辑器输入（mavonEditor）
qq_61567032的博客
12-13 1526
在开发一些需求如时，原始的文本框不满足我们的需求，展示word文档的格式又太麻烦吗，不难想到使用markdown的格式来输入和展示内容。本文介绍了在Vue2中怎么使用markdown格式的输入框和展示框。先看一下实现的效果。
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
jakelihua
06-27 5506
在许多网站和应用程序中，富文本编辑器是一种常见的工具，它使用户能够以直观的方式创建和编辑文本内容。本文将向您介绍如何在 Vue 3 中安装和使用 mavon-editor。
Vue 使用 Markdown标记语言编辑器（MavonEditor）
@必意玲
05-24 801
文章目录1. 实现效果2. 直接撸 `MavonEditor`，上代码2.1 npm安装 MavonEditor2.2 在需要使用Markdown的Vue组件导入mavonEditor2.3 vue页面使用3. 参考 1. 实现效果 本篇文章的实现效果图如下 2. 直接撸 MavonEditor，上代码 2.1 npm安装 MavonEditor npm install mavon-editor --s 2.2 在需要使用Markdown的Vue组件导入mavonEditor import { mavo
关于vue2对于mavon-editor的基本使用
mochenxue的博客
06-11 900
1. mavon-editor的安装。2. 在main.js中进行全局配置。3.maven-editor使用。imgAdd：实现图片上传的功能。3.1 imgAdd的函数实现。
mavon-editor 使用
weixin_42388872的博客
01-07 1678
安装 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
好用的markdown编辑器mavon-editor
YourNikee的博客
01-06 289
实现效果： 1、下载 npm install mavon-editor -s 2、引入 在需求的组件页内引入该markdown和他的css样式。 <template> <div><MavonEditor ref="editor" v-model="doc" @save="saveDoc" @change="updateDoc"></MavonEditor></div> </template> <script> import
vue markdown-editor mavon-editor
08-20
vue markdown-editor mavon-editor是一个基于Vue.js的markdown编辑器组件，它提供了一种简单而功能强大的方式来编辑和预览markdown文本。它允许用户输入markdown格式的文本，并且实时地在编辑器中预览生成的HTML内容。 mavon-editor具有许多有用的功能，比如语法高亮、实时预览、代码块渲染、表格和任务列表的支持、自定义样式等。它还支持插入图片、链接和其他媒体内容，使得编辑markdown文本更加方便和灵活。 此外，mavon-editor还提供了许多配置选项，可以自定义编辑器的外观和行为。用户可以选择不同的主题、字体和颜色方案，还可以设置快捷键和标签样式，以满足自己的需求。 使用vue markdown-editor mavon-editor可以帮助开发者快速搭建一个简洁美观、功能强大的markdown编辑器，并且它具有良好的扩展性和可定制性。无论是用于个人博客、团队协作还是其他项目中，mavon-editor都是一个不错的选择。 总体而言，vue markdown-editor mavon-editor是一个强大且易于使用的markdown编辑器组件，它为用户提供了一种高效的方式来编辑和展示markdown文本，并且具有丰富的功能和灵活的配置选项。无论你是新手还是有经验的开发者，使用mavon-editor都能满足你的需求，帮助你更好地编写和管理markdown文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值