背景
上一篇我们讲解了如何设置编辑器的值,获取编辑器的值,以及监听编辑器的内容修改。这些功能对于基础的单文件修改,一次只修改一个文件的业务场景比较友好。但如果是复杂的场景,比如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 =<