11

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,
eprst
  • 633
  • 4
  • 12

3 Answers3

2

Did you mean this?

if so:

minimap: {enabled: false}

Cas Eliëns
  • 646
  • 12
  • 34
korewayume
  • 21
  • 4
1

With the settings you are posting, it should work

        overviewRulerLanes: 0,
        hideCursorInOverviewRuler: true,
        scrollbar: {
            vertical: 'hidden'
        },
        overviewRulerBorder: false,
Porkopek
  • 627
  • 7
  • 15
0

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',
})
Zolay
  • 1