Skip to main content

Interface: EditorConfig

Extended by

Properties

closeBrackets

closeBrackets: boolean

Use auto-complete to close brackets and quotes.

Default

true

Defined in

models.ts:801


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

models.ts:722


editorMode

editorMode: undefined | "vim" | "emacs"

Sets editor mode.

Defined in

models.ts:812


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

models.ts:748


emmet

emmet: boolean

Enables Emmet.

Default

true

Defined in

models.ts:807


enableAI

enableAI: boolean

If true, AI code assistant is enabled.

Default

false

Defined in

models.ts:818


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

models.ts:795


fontFamily

fontFamily: undefined | string

Sets the code editor font family.

Defined in

models.ts:753


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

models.ts:761


lineNumbers

lineNumbers: boolean | "relative"

Show line numbers in code editor.

Default

true

Defined in

models.ts:783


tabSize

tabSize: number

The number of spaces per indentation-level.

Also used in code formatting.

Default

2

Defined in

models.ts:777


theme

theme: Theme

Sets the app theme to light/dark mode.

Default

"dark"

Defined in

models.ts:728


themeColor

themeColor: undefined | string

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

Default

undefined

Defined in

models.ts:735


useTabs

useTabs: boolean

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

Also used in code formatting.

Default

false

Defined in

models.ts:769


wordWrap

wordWrap: boolean

Enables word-wrap for long lines.

Default

false

Defined in

models.ts:789