How to open files in monaco-editor ? Specially large files just like VS code does.

“monaco-editor”: “^0.15.6”, “monaco-editor-webpack-plugin”: “^1.7.0”, “OS”: windows and mac I am using electron .

I am trying to display a file content in a monaco editor. All the examples I have seen so far has hard coded values . In all examples, ‘model’ is created with hard coded ‘value’ .like following example.

monaco.editor.create(document.getElementById("container"), {
	theme: 'vs',
	value: 'hard coded value that is to be display in editor'
});

So I read a file first and saved the file content into string variable. And then assigned to value attribute. This is working fine in case of small files. But I have files with size > 100MB. In those cases , it is not working properly.

Is there a way to solve this ? How VS code open large files in a just a second with the help of monaco editor ?

[alexdima]

This is the method we use in VSCode – https://github.com/Microsoft/vscode/blob/d6c200ea57fc3104af1c237dfd16ff0d83c3ad2a/src/vs/editor/common/model/textModel.ts#L48

[rcjsuen]

@Ricardo-Paul You need to have a web server that is serving the files to your browser.

Perhaps you may be interested in Gitpod and other such projects.