Markdown Editor

A markdown editor for writing notes or reports. Supports exporting of notes as HTML or PDF files, as well as automatic submission to the ISLE server.


<MarkdownEditor />

Open interactive preview


  • defaultValue | string: default text of the editor. Default: '\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n'.
  • toolbarConfig | array: array of toolbar element identifiers to be displayed. Default: [ 'bold', 'italic', 'underline', 'font_size', 'new_line', 'center', '|', 'insert_table', 'heading', 'unordered_list', 'ordered_list', 'link', 'insert_columns', '|', 'title_insert', 'preview', 'side_by_side', 'fullscreen', '|', 'open_markdown', 'save', 'submit', '|', 'guides' ].
  • options | object: options passed to the SimpleMDE constructor, the package on which this component is based; see their documentation for available options. Default: {}.
  • autoSave | boolean: controls whether the editor should save the current text to the local storage of the browser at a given time interval. Default: true.
  • intervalTime | number: time between auto saves. Default: 60000.
  • voiceControl | boolean: controls whether voice input is enabled. Default: false.
  • voiceTimeout | number: time in milliseconds after a chunk of recorded voice input is inserted. Default: 5000.
  • language | string: language identifier. Default: 'en-US'.
  • peerReview | {submitButtonLabel,reviewButtonLabel}: if not null, enables peer review mode in which each submission is sent to another randomly chosen student and vice versa. Default: none.
  • plots | array: undefined. Default: [].
  • style | object: CSS inline styles. Default: {}.
  • onChange | function: callback invoked when editor text changes; receives the current text as its sole argument. Default: onChange() {}.

results matching ""

    No results matching ""