Code Editor

Installation

npm i @snack-uikit/code-editor

Changelog

CodeEditor

Props

| name | type | default value | description | |------|------|---------------|-------------| | themeClassName | string | - | Класснейм подключенной темы (из хука useThemeConfig() или ThemeProvider) По дефолту берется значение из useTheme внутри | | hasBackground | boolean | true | Включение/отключение псевдобекграунда | | defaultValue | string | - | Default value of the current model | | defaultLanguage | string | - | Default language of the current model | | defaultPath | string | - | Default path of the current model Will be passed as the third argument to .createModel method monaco.editor.createModel(..., ..., monaco.Uri.parse(defaultPath)) | | value | string | - | Value of the current model | | language | string | - | Language of the current model | | path | string | - | Path of the current model Will be passed as the third argument to .createModel method monaco.editor.createModel(..., ..., monaco.Uri.parse(defaultPath)) | | theme | string | "light" | The theme for the monaco Available options "vs-dark" | "light" Define new themes by monaco.editor.defineTheme | | line | number | - | The line to jump on it | | loading | ReactNode | "Loading..." | The loading screen before the editor will be mounted | | options | IStandaloneEditorConstructionOptions | - | IStandaloneEditorConstructionOptions | | overrideServices | IEditorOverrideServices | - | IEditorOverrideServices | | saveViewState | boolean | - | Indicator whether to save the models' view states between model changes or not Defaults to true | | keepCurrentModel | boolean | false | Indicator whether to dispose the current model when the Editor is unmounted or not | | width | string \| number | "100%" | Width of the editor wrapper | | height | string \| number | "100%" | Height of the editor wrapper | | className | string | - | Class name for the editor container | | wrapperProps | object | - | Props applied to the wrapper element | | beforeMount | BeforeMount | - | Signature: function(monaco: Monaco) => void An event is emitted before the editor is mounted It gets the monaco instance as a first argument Defaults to "noop" | | onMount | OnMount | - | Signature: function(editor: monaco.editor.IStandaloneCodeEditor, monaco: Monaco) => void An event is emitted when the editor is mounted It gets the editor instance as a first argument and the monaco instance as a second Defaults to "noop" | | onChange | OnChange | - | Signature: function(value: string | undefined, ev: monaco.editor.IModelContentChangedEvent) => void An event is emitted when the content of the current model is changed | | onValidate | OnValidate | - | Signature: function(markers: monaco.editor.IMarker[]) => void An event is emitted when the content of the current model is changed and the current model markers are ready Defaults to "noop" |