Single line mode

[beikov]

Getting a single line-mode to work is not as straightforward as I thought. It would be nice if this could be added as a configuration option. Here is what worked for me:

        editor.onKeyDown(e => {
            if (e.keyCode == monaco.KeyCode.Enter) {
                // We only prevent enter when the suggest model is not active
                if (editor.getContribution('editor.contrib.suggestController').model.state == 0) {
                    e.preventDefault();
                }
            }
        });
        editor.onDidPaste(e => {
           if (e.range.endLineNumber > 1) {
               let newContent = "";
               let lineCount = textModel.getLineCount();
               for (let i = 0; i < lineCount; i++) {
                   newContent += textModel.getLineContent(i + 1);
               }
               textModel.setValue(newContent);
           }
        });

with the following editor options:

            wordWrap: 'off',
            lineNumbers: 'off',
            lineDecorationsWidth: 0,
            overviewRulerLanes: 0,
            overviewRulerBorder: false,
            scrollbar: { horizontal: 'hidden', vertical: 'hidden' },

But I'm still having problems with removing some of the padding on the left and right side of the editor:

Any idea how to remove that padding?

[beikov]

Just found out that the padding on the right can be removed with scrollBeyondLastColumn: 0

[beikov]

It seems the following options remove all padding:

                wordWrap: 'off',
                lineNumbers: 'off',
                lineNumbersMinChars: 0,
                overviewRulerLanes: 0,
                overviewRulerBorder: false,
                lineDecorationsWidth: 0,
                hideCursorInOverviewRuler: true,
                glyphMargin: false,
                folding: false,
                scrollBeyondLastColumn: 0,
                scrollbar: {horizontal: 'hidden', vertical: 'hidden'},
                find: {addExtraSpaceOnTop: false, autoFindInSelection: 'never', seedSearchStringFromSelection: false},
                minimap: {enabled: false},

[vikyd]

A vue componet vue-monaco-singleline: https://github.com/vikyd/vue-monaco-singleline

• single line options
• placeholder support

Demo: https://vikyd.github.io/vue-monaco-singleline-custom-language/

[djgrant]

For anyone here looking for a simple expression editor, I wrote https://github.com/djgrant/react-code-input, which turns <input /> elements into a mini code editor, and would welcome further contributions. Example https://code-input.vercel.app/.