1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Monaco Editor教程(五): 实现同时多文件编辑 tab切换

Monaco Editor教程(五): 实现同时多文件编辑 tab切换

时间:2024-03-03 07:54:01

相关推荐

Monaco Editor教程(五): 实现同时多文件编辑 tab切换

背景

上一篇我们讲解了如何设置编辑器的值,获取编辑器的值,以及监听编辑器的内容修改。这些功能对于基础的单文件修改,一次只修改一个文件的业务场景比较友好。但如果是复杂的场景,比如WEB IDE,同时打开一个项目的多个文件,并切换文件进行编辑,修改。这种应该怎么做那?

如下图

今天这篇我就给大家介绍一下如何使用monaco editor实现多文件编辑。

实现效果如下:

另外再说一下,上一篇,我看到有监听mode修改语言的事件,但没有找到在哪里修改,

这次我找到了

http://localhost:8080/monaco-editor-website/api/modules/monaco.editor.html#setModelLanguage

使用editor.setModelLanguage()方法 修改model的语言。随着不断的阅读文档,你会被这个项目所折服。

文件

首先我们定义三个文件, file1,file2 file3,使用map来存储他们的内容。

const fileMap =<

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。