Skip to main content

Interface: EditorConfig

Configuration for code editor settings.

Extended by​

Properties​

closeBrackets​

closeBrackets: boolean

Use auto-complete to close brackets and quotes.

Default​

true

Defined in​

src/sdk/models.ts:1008

editor​

editor: undefined | "auto" | "monaco" | "codemirror" | "codejar"

Selects the code editor to use.

If undefined (the default), Monaco editor is used on desktop, CodeMirror is used on mobile and in simple mode, while CodeJar is used in codeblock mode, in lite mode and in readonly playgrounds.

If set to auto, Monaco editor is used on desktop and CodeMirror is used on mobile regardless of other settings.

Default​

undefined

Defined in​

src/sdk/models.ts:929

editorMode​

editorMode: undefined | "vim" | "emacs"

Sets editor mode.

Defined in​

src/sdk/models.ts:1025

editorTheme​

editorTheme: undefined | string | EditorTheme[]

Sets the code editor themes.

See docs for editor themes for details.

Examples​

"vs"
"monaco:twilight, codemirror:one-dark"
["vs@light"]
["vs@light", "vs-dark@dark"]
["monaco:vs@light", "codemirror:github-light@light", "dracula@dark"]

Defined in​

src/sdk/models.ts:955

emmet​

emmet: boolean

Enables Emmet.

Default​

true

Defined in​

src/sdk/models.ts:1020

foldRegions​

foldRegions: boolean

When set to true, regions marked by #region and #endregion comments are folded when the project is loaded.

Default​

false

Defined in​

src/sdk/models.ts:1002

fontFamily​

fontFamily: undefined | string

Sets the code editor font family.

Defined in​

src/sdk/models.ts:960

fontSize​

fontSize: undefined | number

Sets the font size.

If undefined (the default), the font size is set to 14 for the full app and 12 for embeds.

Default​

undefined

Defined in​

src/sdk/models.ts:968

lineNumbers​

lineNumbers: boolean | "relative"

Show line numbers in code editor.

Default​

true

Defined in​

src/sdk/models.ts:990

minimap​

minimap: boolean

Enables minimap in code editor.

Default​

false

Defined in​

src/sdk/models.ts:1014

tabSize​

tabSize: number

The number of spaces per indentation-level.

Also used in code formatting.

Default​

2

Defined in​

src/sdk/models.ts:984

theme​

theme: Theme

Sets the app theme to light/dark mode.

Default​

"dark"

Defined in​

src/sdk/models.ts:935

themeColor​

themeColor: undefined | string

Sets the app theme color. If undefined, it is set to "hsl(214, 40%, 50%)".

Default​

undefined

Defined in​

src/sdk/models.ts:942

useTabs​

useTabs: boolean

If true, lines are indented with tabs instead of spaces.

Also used in code formatting.

Default​

false

Defined in​

src/sdk/models.ts:976

wordWrap​

wordWrap: boolean

Enables word-wrap for long lines.

Default​

false

Defined in​

src/sdk/models.ts:996

Sponsors