monaco-editor: hide overview ruler

Question

Is there a way to completely hide overview ruler in monaco-editor? It is still visible with the following:

        overviewRulerLanes: 0,
        hideCursorInOverviewRuler: true,
        scrollbar: {
            vertical: 'hidden'
        },
        overviewRulerBorder: false,

score 11 · Answer 1 · edited Nov 27 '19 at 12:40

11

Did you mean this?

if so:

minimap: {enabled: false}

edited Nov 27 '19 at 12:40

Cas

758
14
36

answered Nov 27 '19 at 10:23

korewayume

119
1
5

No, I mean the scrollbar, not the minimap – eprst Dec 01 '19 at 20:13
to hide the minimap needs to been in the options object. options={{ minimap: { enabled: false } }} – peter Aug 26 '22 at 15:55

score 7 · Answer 2 · answered May 11 '21 at 07:43

If you want to hide the scroll bar, you can do this

const monacoInstance=monaco.editor.create(document.getElementById("editor"),{
    value:`console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");console.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");\nconsole.log("hello,world");`,
    language:"javascript",
    // theme:"vs-dark",
    readOnly:true,
    minimap:{enabled:false},
    overviewRulerLanes: 0,
    scrollbar: {
        vertical:"hidden",
        horizontal: "hidden",
        handleMouseWheel:false,
    },
    wordWrap: 'on',
})

I am using it like this How to solve this issue in react js. — Ankit Kumar, May 10 '22 at 13:47
@AnkitKumar pass the same options to the options prop like so: — Mohcine BAADI, Dec 17 '22 at 14:11

score 4 · Answer 3 · answered Mar 09 '21 at 12:17

4

With the settings you are posting, it should work

        overviewRulerLanes: 0,
        hideCursorInOverviewRuler: true,
        scrollbar: {
            vertical: 'hidden'
        },
        overviewRulerBorder: false,

answered Mar 09 '21 at 12:17

Porkopek

895
9
20

monaco-editor: hide overview ruler

3 Answers3

Linked