有用过（Vue-Codemirror）这个插件的嘛 他好像不支持vue3有替代吗

最新推荐文章于 2025-09-12 17:45:54 发布
原创 最新推荐文章于 2025-09-12 17:45:54 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

探讨Vue-Codemirror插件在Vue3中遇到的问题及解决方案,寻找合适的替代方案。

有用过（Vue-Codemirror）这个插件的嘛 他好像不支持vue3, 有什么好解决方法嘛，或者别的替代插件 求指教
在这里插入图片描述

懒杨杨··
关注
网页代码编辑器的两个插件: ACE 和 CodeMirror
qq1024407215的博客
02-20 5898
用ACE实现网页代码编辑器和代码高亮一下链接是官网 http://ace.c9.io 提供的ace代码高亮库（不得不吐槽一下这个官网，只有这一个有效链接……） https://github.com/ajaxorg/ace/tree/master/lib/ace 将 ace.js 导入页面中<script src="/src-noconflict/ace.js"></script>写html页面，
element-ui中el-dialog遮罩+codemirror无智能提示
璐璐璐
08-24 1534
最近在使用elui的时候遇到一个问题 就是el-dialog使用的时候因为弹出的弹框里面加了codemirror编辑器 导致el-dialog中原本在弹框后面的遮罩变成在主体前面 类似于图上的情况 查询之后发现是需要写modal-append-to-body属性 发现这样写之后虽然遮罩正常了，但是编辑器的智能提示没有了 以为是编辑器的配置出现问题了，弄了好久 最后发现原来还是遮罩的原因 最后改为 :modal-append-to-body=“false” 就可以了 最后效果 顺便说一下怎么改变这个
vue3+codemirror6实现代码编辑，包含JSON格式校验（实战）
最新发布
Hello_MrShu的博客
09-12 1898
本文介绍了如何在Vue3中使用CodeMirror6实现带JSON校验功能的代码编辑器。主要内容包括：安装核心依赖包（codemirror、json语言支持、lint校验等）、配置编辑器模板、初始化编辑器实例、自定义JSON校验逻辑（包括错误捕获和显示）。文章重点讲解了linter和lintGutter的配合使用，提供了获取/设置编辑器内容的方法，并指出CodeMirror6与Vue2版本的主要区别在于需要编程式创建编辑器而非使用组件标签。最后给出了JSON校验的特殊处理方法和编辑器内容操作示例。
vue3的dialog对话框无法显示的问题
qq_68155756的博客
02-13 2543
使用elementui的对话框组件时无法使对话框显示的问题
el-dialog在vue3项目中不显示问题
Fore_的博客
02-24 3145
vue3项目开发有关elementplus问题
精选资源
vue使用codemirror的两种用法
01-21
代码显示这里用的是vue-codemirror插件。 第一种用法： 1、安装：npm install vue-codemirror --save 2、在main.js中引入 import VueCodeMirror from &#39;vue-codemirror&#39; import &#39;codemirror/lib/codemirror.css&#39; ...
vue中使用codemirror的实例详解
10-17
在Vue.js应用中， Codemirror 是一个强大的代码编辑器组件，它允许用户在Web页面上展示和编辑代码。Vue-Codemirror是Vue.js与Codemirror的集成，提供了在Vue项目中方便地使用Codemirror的功能。这篇实例教程将详细...
在vue项目中使用codemirror插件实现代码编辑器功能
10-16
本文将详细介绍如何使用`codemirror`插件在Vue中创建一个具备代码高亮显示和自动提示功能的代码编辑器。 首先，我们需要通过npm安装`codemirror`依赖库，命令如下： ```bash npm install --save codemirror ``` ...
在vue里使用codemirror遇到的问题
10-17
CodeMirror是一个为浏览器设计的带有语义高亮的源代码编辑器。它支持多种语言模式，可定制性强，广泛应用于在线代码编辑场景中。由于其强大的功能和灵活性，越来越多的前端开发者在Vue项目中引入CodeMirror来提升...
2015 年最热门的国人开发开源软件 TOP 50
weixin_30399871的博客
01-04 472
　 开源中国在 2015 年得到了快速的发展，单开源软件收藏量就接近 40000 款，其中不乏优质的国产开源项目。本文从软件的收藏、下载、访问等多角度挑选出了 2015 年最热门的国产开源软件前五十名，让各位对过去一年国产开源项目发展有所了解。 1.Dos.ORM Dos.ORM（原Hxj.Data）于2009年发布，并发布实体生成工具。在开发过程参考了多个ORM框架，特别是N...
在线代码编辑器 CodeMirror 使用简介
热门推荐
weixin_38956562的博客
03-23 1万+
CodeMirror使用技巧
vue2使用Codemirror代码编辑器插件
qq_62809806的博客
10-25 7991
Codemirror代码编辑器插件使用
输入json数据，自动生成表单，且json数据语法高亮
徐同保的专栏
03-01 2233
基于 JSON Schema 构建 Element 表单，表单页面开发从未如此高效! Element Schema Form: https://vueblocks.github.io/element-schema-form/ textarea不能展示显示行号，也没有代码高亮，可以使用vue-codemirror替代 vue-codemirror: https://www.npmjs.com/package/vue-codemirror CodeMirror： Extensible ..
vue项目中，在线编辑器vue-codemirror、ace、和monaco的使用及踩坑记录
m0_71775808的博客
09-08 6504
vue2版本不支持最新的vue-codemirror，所以要下载固定的版本4.0.6，并且要搭配codemirror使用，codemirror也不建议使用6以上的版本。由于第一次使用代码编辑器插件，之前都没接触过，花了几天时间才做出来满意的，参考了好几个大佬的文章，大家有需要可以自行查找相关文章！在要展示codemirror的页面，导入以下文件，包括有语言文件JavaScript，主体样式eclipse，和代码折叠所需的文件fold/xxx。代码：参考的一个大佬的，但是文章被关掉了，大家可以自己去找找。
VUE 使用亚马逊（AWS）上传文件，及跨域配置的问题
qq_34530690的博客
09-26 3885
1.关于获取accessKeyId，secretAccessKey可参考AWS的S3服务如何获取Access key ID和Secret access key - 程序员大本营 2.设置上传跨域的问题 找到权限的配置，进入后拉倒底部，设置CORS设置可参考官网文档CORS configuration - Amazon Simple Storage Service设置，我此处设置的是 [ { "AllowedHeaders": [ "*" ...
11款最好的JavaScript源代码编辑器
wqiancangq的专栏
06-24 5607
源代码编辑器是一个允许你编辑任何编程语言的源代码的文本编辑器。 它可以是一个独立的应用程序，也可以是内置的一个集成开发环境(IDE)。 有一些源代码编辑器能够在程序员编写程序的时候做语法检查，并在第一时间对其产生的语法问题提出警告； 有一些源代码编辑器可以压缩代码， 将常见的关键词转化为单字节标记，删除不必要的空格，并将数字转换成二进制形式， 当要查看文件时，它会再产生出与以前一致大小和间隔的文件
函数编辑器调研及设计开发
u013994400的博客
05-07 952
功能点ACECodeMirrorMonaco代码着色/高亮√√√主题√ (内置20+/可扩展)√ (内置40+)2种，即vs/vs dark语言支持√ (110+/可扩展)√ (130+)√ (30+)代码提示/自动补全√ (引入tool文件+配置)√ 引入hint相关文件+配置快捷键命令√ 默认开启代码完成/循环结构√√√代码段√√√搜索和替换√√√多光标操作√√√自动缩进√√√代码折行√√√undo/redo√。
前端插件库之vue3使用vue-codemirror插件
m0_54883970的博客
07-31 6459
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。支持代码编辑区,满足白天/黑夜主题切换,满足c++/python语言切换。新手作品,暂时记录,如有改进或增加,以后会更新。...
评论 10
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值