Interface: EditorConfig
_internal.EditorConfig
Hierarchy
EditorConfig
Properties
closeBrackets
• closeBrackets: boolean
Use auto-complete to close brackets and quotes.
Default
true
Defined in
editor
• editor: undefined | "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 CodeJar is used in codeblocks, in lite mode and in readonly playgrounds.
Default
undefined
Defined in
editorMode
• editorMode: undefined | "vim" | "emacs"
Sets editor mode.
Defined in
editorTheme
• editorTheme: undefined | string | EditorTheme[]
Sets the code editor themes.
See docs for editor themes for details.
Example
"vs"
Example
"monaco:twilight, codemirror:one-dark"
Example
["vs@light"]
Example
["vs@light", "vs-dark@dark"]
Example
["monaco:vs@light", "codemirror:github-light@light", "dracula@dark"]
Defined in
emmet
• emmet: boolean
Enables Emmet.
Default
true
Defined in
enableAI
• enableAI: boolean
If true, AI code assistant is enabled.
Default
false
Defined in
fontFamily
• fontFamily: undefined | string
Sets the code editor font family.
Defined in
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
lineNumbers
• lineNumbers: boolean | "relative"
Show line numbers in code editor.
Default
true
Defined in
tabSize
• tabSize: number
The number of spaces per indentation-level.
Also used in code formatting.
Default
2
Defined in
theme
• theme: Theme
Sets the app theme to light/dark mode.
Default
"dark"
Defined in
themeColor
• themeColor: undefined | string
Sets the app theme color.
If undefined, it is set to "hsl(214, 40%, 50%)".
Default
undefined
Defined in
useTabs
• useTabs: boolean
If true, lines are indented with tabs instead of spaces.
Also used in code formatting.
Default
false
Defined in
wordWrap
• wordWrap: boolean
Enables word-wrap for long lines.
Default
false