|
@@ -33,6 +33,7 @@ export type CodeMirrorEditorProps = {
|
|
|
indentSize?: number,
|
|
indentSize?: number,
|
|
|
editorTheme?: EditorTheme,
|
|
editorTheme?: EditorTheme,
|
|
|
editorKeymap?: KeyMapMode,
|
|
editorKeymap?: KeyMapMode,
|
|
|
|
|
+ hideToolbar?: boolean,
|
|
|
onChange?: (value: string) => void,
|
|
onChange?: (value: string) => void,
|
|
|
onSave?: () => void,
|
|
onSave?: () => void,
|
|
|
onUpload?: (files: File[]) => void,
|
|
onUpload?: (files: File[]) => void,
|
|
@@ -50,6 +51,7 @@ export const CodeMirrorEditor = (props: Props): JSX.Element => {
|
|
|
indentSize,
|
|
indentSize,
|
|
|
editorTheme,
|
|
editorTheme,
|
|
|
editorKeymap,
|
|
editorKeymap,
|
|
|
|
|
+ hideToolbar,
|
|
|
onChange,
|
|
onChange,
|
|
|
onSave,
|
|
onSave,
|
|
|
onUpload,
|
|
onUpload,
|
|
@@ -245,11 +247,16 @@ export const CodeMirrorEditor = (props: Props): JSX.Element => {
|
|
|
<FileDropzoneOverlay isEnabled={isDragActive} />
|
|
<FileDropzoneOverlay isEnabled={isDragActive} />
|
|
|
<CodeMirrorEditorContainer ref={containerRef} />
|
|
<CodeMirrorEditorContainer ref={containerRef} />
|
|
|
</div>
|
|
</div>
|
|
|
- <Toolbar
|
|
|
|
|
- editorKey={editorKey}
|
|
|
|
|
- acceptedUploadFileType={acceptedUploadFileType}
|
|
|
|
|
- onUpload={onUpload}
|
|
|
|
|
- />
|
|
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ !hideToolbar && (
|
|
|
|
|
+ <Toolbar
|
|
|
|
|
+ editorKey={editorKey}
|
|
|
|
|
+ acceptedUploadFileType={acceptedUploadFileType}
|
|
|
|
|
+ onUpload={onUpload}
|
|
|
|
|
+ />
|
|
|
|
|
+ )
|
|
|
|
|
+ }
|
|
|
</div>
|
|
</div>
|
|
|
);
|
|
);
|
|
|
};
|
|
};
|