Markdown Editor

A TagSpaces extension allowing viewing and editing of Markdown files.

Features

• WYSIWYG Markdown editing
• embedding images, also as data URLs
• support for emojis 🍒
• support for tables
• simple text formatting and headers
• copy and paste markdown text
• support math expressions
• reading aloud the text content of the document
• visualizing the markdown header structure as mindmap

The following video will present some of the features:

Markdown editor - feature overview

TIP: Just type / on a new line to get a menu showing all available markdown elements such as headings, bullet lists, images, quotes or tables.

Mindmap

The extension can generate a mindmap structure of the document based on its header structure.

Diagrams

The editor supports presenting and editing of mermaid based diagrams:

Mermaid based diagrams in the markdown editor

Live Demo

You can test it live here.

Used libraries

This extension thankfully relays on the following libraries:

• Milkdown
• React
• Mui

Keyboard shortcuts

Mod is Cmd on macOS and Ctrl for Windows/Linux.

Essentials

Action	Key
Copy	Mod-c
Cut	Mod-x
Paste	Mod-v
New Line	Enter
Exit Code	Mod-Enter
Print	Mod-p
Save	Mod-s

History

Action	Key
Undo	Mod-z
Redo	Mod-Shift-z

Mark

Action	Key
Bold	Mod-b
Italic	Mod-i
Inline Code	Mod-e
Strike Through	Mod-Alt-x

Paragraph

Action	Key
Normal Text	Mod-Alt-0
H1	Mod-Alt-1
H2	Mod-Alt-2
H3	Mod-Alt-3
H4	Mod-Alt-4
H5	Mod-Alt-5
H6	Mod-Alt-6
Code Fence	Mod-Alt-c
Line Break	Shift-Enter

List

Action	Key
Ordered List	Mod-Alt-7
Bullet List	Mod-Alt-8
Task List	Mod-Alt-9
Sink List Item	Mod-]
Lift List Item	Mod-[

Table

Action	Key
Next Cell	Mod-]
Prev Cell	Mod-[
Exit Table and Break	Mod-Enter

---

Installation

This extensions is packaged with any new version of TagSpaces

Source code

The source code of this extension is freely available on GitHub

Development

If you want to extend this extensions, please follow our general extension development guide

License

MIT