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

已于 2022-10-12 17:33:22 修改 994 收藏 3
文章标签： 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的

李白ㅤㅤㅤㅤㅤㅤ
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
vue-dataflow-editor-Vue2数据流图编辑器-Vue.js开发
05-27
vue-dataflow-editor嗨，您可以使用https://github.com/jagenjo/litegraph.js。 基于vue块。 @ghostiam的项目。 npm npm我@ krthr / vue-dataflo vue-dataflow-editor嘿，您可以使用https://github.com/jagenjo/litegraph.js。 基于vue块。 @ghostiam的项目。 npm npm i @ krthr / vue-dataflow-editor导入app.js上的库// // app.js或main.js，或主文件//在其中创建vue应用程序从“ vue”导入Vue； //其他导入会导入“ @ krthr / vue-dataflow-editor”； 导入“ @ krthr / vue-dataflow-editor / dist / vue-dataflow-editor.css”； const app = new Vue（{/ * ... * /}）;
mavon-editor将md文本转化成html
Kätzchen-408的博客
05-16 1397
mavon-editor将文本转换成html项目场景原理方法1.下载,引入marvon-editor2.使用mavon-editor把md文本转换成html3.用html文本进行渲染效果对比 项目场景 通过markwodn编辑器mavon-editor获取用户输入内容,并用md格式(其实是html)渲染到其他页面上. 原理 mavon-editor可以将我们输入的文本实时地转化成html并进行渲染,我们通过@change方法拿到编辑文本的html,在其他地方进行渲染成md格式的效果 方法 1.下载,引入
Vue3引入mavon-editor错误
crimson71的专栏
04-16 33
最近在值个人博客，需要用到mavon-editor参考了官方文档。也百度了各种方法都没用。折腾了大半天，终于翻到了下面的帖子。
SAP学习手册
热门推荐
Yuan的专栏
11-14 2万+
SAP学习手册发表人:sunxufeng | 发表时间: 2006年三月27日, 17:20有没有调整IDES4.6的中文包参数的步骤呢?在导入中文包后直接手工修改有关参数,不要用CZ10去修改 假定为D盘,路径为D:usrsapC11sysprofileC11_DVEBMGS00_cpa (后面CPA为我的计算机名),用NOTEPAD手动编辑该文件 SAPSYSTEMNA
mavon-editor 使用教程
chelflan's blog
08-02 9510
mavon-editor是一款基于vue的markdown编辑器，比较适合博客系统。由于官网对于一些细节的说明不够详细，这里对这里对该编辑器的使用做一个总结。 1. 安装 2. 基本使用 3. 图片上传(含服务端) 安装 npm install mavon-editor --save 基本使用 在vue-cli构建的脚手架离得main.js可以像这样...
Eclipse中的Class File Editor source not found问题
Dr_abandon的博客
09-27 1898
这是没有发现源文件的意思。 如果你是在写java项目，那直接点击下面的ATTach Source。。。这个按钮，选择External location这 个，然后点External File 去找到你安装jdk的中jdk文件下的src这个包。 如果你写的是Android项目，那直接点击下面的ATTach Source。。。这个按钮，选择External locatio
vue 中使用 mavon-editor 遇到的问题
weixin_44234920的博客
05-07 1274
一、编辑 首先我们先安装 包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
mavon-editor的使用
qq_45840993的博客
11-29 3054
vue3+vite+ts下使用富文本mavon-editor 使用（编辑） 使用（预览）
vue md编辑器 mavon-editor
Yangliwei的博客
02-02 9069
1,需求 一直在找一个好用的富文本编辑器,但是发现现在富文本已经不流行了,现在流行md 所以找md编辑器 找到一个好用的:mavon-editor github:https://github.com/hinesboy/mavonEditor 2,配置 main.js import Vue from "vue"; import App from "./App.vue"; import...
vue、nuxt的mavon-editor富文本的使用及添加代码块高亮样式、代码块行数、一键复制代码功能
公众号安哥说前端
08-21 920
vue项目及nuxt项目中使用mavon-editor并改变代码块的样式、高亮样式，新增代码块行数、一键复制代码功能。
vue-html5-editor使用代码示例
04-27
本人博客文章--富文本编辑器 vue-html5-editor的集成与使用源代码
vue3.0 vue-quill-editor.rar
09-19
vue3.0+vue-quill-editor+element富文本编辑引入可直接使用 可上传图片调整图片大小
mavonEditor：mavonEditor-基于Vue的markdown编辑器，支持多种个性化功能
02-03
mavonEditor：mavonEditor-基于Vue的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-Code-Editor
03-14
巴卡拉拉卡项目设置yarn install编译和热重装以进行开发yarn serve编译并最小化生产yarn build整理和修复文件yarn lint自定义配置请参阅。
Eclipse: class file editor: source not found 问题解决办法
qq_40990351的博客
08-11 1656
在使用Eclipse进行编程时，我们经常会使用快捷键Ctrl+鼠标左击用来查看源文件，方便我们的理解，但是在使用的时候我们经常会遇到问题打开不了源文件的问题，出现class file editor: source not found 问题。本人也遇到这样的问题，也网上也查阅了，还是没有彻底解决掉问题，之后靠自己捣鼓了下，终于解决，在这里分享给大家。 在开始之前要确定自己的Eclipse中有反编译...
论文投稿时图片上传失败：File ‘XXX‘ not found on input line XXX
sinat_41233888的博客
06-03 1272
latex：File 'XXX' not found on input line XXX
SAP 学习手册
05-24 7228
1 Basis1. Unix操作更改口令 passwd eg. passwd orap34看当前路径 pwd 看sap或者oracle的进程 eg. ps -ef|grep sap或者 ora看命令的使用方法，相当于DOS中的help命令 eg. man xxx更改当前用户 su eg. su – orap34查看cluster lssrc –g cluster看文件大小 df –k看有哪
vue3如何使用mavon-editor
最新发布
04-19
您好，关于您的问题：Vue3 如何使用 mavon-editor？ 首先，我们需要安装 mavon-editor 插件，可以通过命令 npm install mavon-editor 安装。然后，在 Vue 组件中引入 mavon-editor 并使用即可。以下是一个简单的代码示例： ```javascript <template> <div> <mavon-editor v-model="content" /> </div> </template> <script> import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' export default { name: 'Editor', components: { mavonEditor }, data() { return { content: '' } } } </script> ``` 希望能够帮到您！如果还有任何问题，请随时向我提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李白ㅤㅤㅤㅤㅤㅤ

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值