How to indent/prettify code on load of Monaco Editor

Hi,

I am using this code:

monaco.editor.create(document.getElementById("container"), {
	value: "function hello() {alert('Hello world!');}",
	language: "javascript",
    "autoIndent": true,
    "formatOnPaste": true,
    "formatOnType": true
});

I would like it to prettify/indent the JS code in the “value” when it loads, but it never works. I already tried using methods like window.editor.getModel().updateOptions({ "autoIndent": true,tabSize: 2 }) but also never works. Any idea how I can make monaco editor prettify the code as it loads, indenting or adding tabs to make it more readable?

[rcjsuen]

When using css, php, js… your code will do nothing. Any idea?

I tried it in JavaScript in the playground and it seems to work.

const editor = monaco.editor.create(document.getElementById("container"), {
    value: "function hello(){\nalert('Hello world!');}",
    language: "javascript",
    "autoIndent": true,
    "formatOnPaste": true,
    "formatOnType": true
});

setTimeout(() => {
    editor.getAction('editor.action.formatDocument').run();
}, 1000)

[rcjsuen]

Any idea how I can make monaco editor prettify the code as it loads, indenting or adding tabs to make it more readable?

You can use editor.getAction('editor.action.formatDocument').run() to format the document.

I am not aware of any initialization event. See #115.