首页 > 其他分享 >monaco 编辑器支持内置的语法高亮和提示

monaco 编辑器支持内置的语法高亮和提示

时间:2024-12-27 11:53:13浏览次数:6  
标签:typescript 高亮 json JS 编辑器 monaco

monaco是vscode 当前正在使用的编辑器,对于代码高亮,提示等功能支持的很完全,这里主要介绍一下我在开发中遇到的编辑器需要提示JS的语法是如何处理的,

我的项目是vite的,vite-plugin-monaco-editor这个组件可以支持'css' | 'html' | 'json' | 'typescript' | 'editorWorkerService';这几种类型,想要支持JS就使用 typescript ,我这里支持了JSON和JS,就这样配置:

monacoEditorPlugin({
languageWorkers: ["json", "typescript"],
}),

但是要注意;package.json 中的 "type": "module" 要去掉,不然就会出现
monacoEditorPlugin is not a function
的问题

,其他编译的时候正常创建编译器就好,示例代码如图:

效果图:

 

标签:typescript,高亮,json,JS,编辑器,monaco
From: https://www.cnblogs.com/llcdbk/p/18635312

相关文章

  • VMware Workstation虚拟网络编辑器还原默认设置卡住不生效的问题
    现象"虚拟网络编辑器-还原默认设置"在安装适配器过程长时间转圈转圈结束去设备管理器查看VMnet1和VMnet8对应的网络适配器显示黄色叹号,网络不可用重启重试还原默认设置不能解决解决步骤修复Windows中的以太网连接问题键入netshwinsockreset,然后选择Enter。键......
  • 【AI人工智能】前章之工作环境的准备:升级PyCharm编辑器,并进行破解
    为什么要升级PyCharm编辑器呢,因为利用AI的话,有一些插件是需要高版本的,比如结对编程助手:GithubCopilot,它的要求需要注意的是,IntelliJIDEA和PyCharm的版本需为2021.2或以上版本。做下面的操作,重要的事情说三遍:要会kx上网!要会kx上网!要会kx上网!1.去pycharm官网下载并安装我......
  • VUE项目实现TINYMCE编辑器WORD图片上传
    编辑器:TinyMCE需求:复制粘贴word内容图片,图文混排,图片转存要求:开源,免费,技术支持前端:vue,vue2-cli,vue3-cli后端:java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform平台:Windows,macOS,Linux,中标麒麟,银河麒麟,统信UOS,信创国产化CPU:x86(Intel,AMD,兆......
  • 后台编辑器无法上传图片或编辑文字,如何解决?
    在使用后台编辑器时遇到无法上传图片或编辑文字的问题。以下是详细的解决方案:检查文件路径:根据描述,点击上传按钮时提示文件不存在。请确认上传文件的路径是否正确,确保文件存在于指定位置。检查文件上传目录的权限设置,确保有写入权限。切换浏览器模式:对于IE浏览器兼容性......
  • Linux之Vim编辑器
    Vim文本编辑器Linux系统中“一切皆文件”,因此当我们在命令行下更改文件内容时,不可避免地要用到文本编辑器。Vi编辑器是Unix系统最初的编辑器。它使用控制台图形模式来模拟文本编辑窗口,允许查看文件中的行、在文件中移动、插入、编辑和替换文本。在GNU项目中,程序员在将Vi......
  • TINYMCE编辑器从WORD复制粘贴公式
    编辑器:TinyMCE需求:复制粘贴word内容图片,图文混排,图片转存要求:开源,免费,技术支持前端:vue,vue2-cli,vue3-cli后端:java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform平台:Windows,macOS,Linux,中标麒麟,银河麒麟,统信UOS,信创国产化CPU:x86(Intel,AMD,兆......
  • Slate文档编辑器-TS类型扩展与节点类型检查
    Slate文档编辑器-TS类型扩展与节点类型检查在之前我们基于slate实现的文档编辑器探讨了WrapNode数据结构与操作变换,主要是对于嵌套类型的数据结构类型需要关注的Normalize与Transformers,那么接下来我们更专注于文档编辑器的数据结构设计,聊聊基于slate实现的文档编辑器类型系统。......
  • 如何在PbootCMS中自定义UEditor编辑器的行为?
    在PbootCMS中,UEditor编辑器的行为可以通过修改其配置文件和JavaScript文件来自定义。以下是一些常见的自定义方法,帮助你更好地控制编辑器的行为:修改UEditor配置文件:打开\core\extend\ueditor\ueditor.config.js文件。你可以在这里调整各种配置选项,例如工具栏按钮、图片上传......
  • 文本编辑器:EverEdit是一个不错的选择
    1为什么选择了EverEdit注:本文来自一位编辑器老用户的体会。  世面上文本编辑器各类繁多,开源免费的编辑器更是多不胜数,既然有这么多免费的替代品,为什么还要EverEdit?  免费文本编辑器的顶流:神的编辑器(Emacs)、编辑器的神(Vim),这些都是非常强大的文本编辑器,但你会发......
  • React之Json编辑器
    我们先看下效果,这个白色是不是非常不错?没有太多复杂的功能,就是当一个简洁显示json并且进行编辑的功能接下来是代码部分importAceEditorfrom'react-ace';import{Button,Modal}from'antd';import'./styles.css';//Importaceeditorthemesandmodesimport'ac......