Slate Editor

This is a smart editor. After some hours spent hacking around contenteditable, and libraries like draftjs, I believe making "ergonomic" and "smart" editors is probably in the top 3 of difficult problems on the web.

I'm a big fan of Tools for Thinking. I agree with Stewart Brand when he said that we don't change people; we change the tools they use. And the better tools we have, the better our thinking and progress.

I have this crazy idea of building a smart markdown editor. Something as pretty and comfortable as Ulysse (pretty markdown), as powerful as Notion (blocks), and privacy preserving (logseq).

Features

  • Markdown decorations as you type,
  • "Implicit" blocks that converts to and from markdown,
  • Internal links ala Roam, and
  • Autocomplete.

Smart Markdown Editor

This is a fancy markdown editor I built.

You can type things,

and you can also create titles, and the editor will understand they are part of a new concept, a new block.

# Block are concepts

When you create a new block, the editor will try to infer the concept you are writing about.

Note this is a demonstration. There is an active / inactive mode that hides the noise of concepts decorations.

# You can add content to a concept

I add more details to this concept.

You can also use [[internal links]] like this one. wikistyle!



When you have multiple blank lines, the editor assumes you are going to talk about a new concept!



[[this is a different concept]], note how the editor assumes you are making a break in your train of thoughts to talk about something else.

# Autocomplete

Finally, it has autocomplete for titles and internal links. For example, try to write a title with the name Helloworld.

It's always markdown

This is a fancy markdown editor I built.
You can type things,
and you can also create titles, and the editor will understand they are part of a new concept, a new block.


# Block are concepts
When you create a new block, the editor will try to infer the concept you are writing about.
Note this is a demonstration. There is an active / inactive mode that hides the noise of concepts decorations.


# You can add content to a concept
I add more details to this concept.
You can also use [[internal links]] like this one. wikistyle!



When you have multiple blank lines, the editor assumes you are going to talk about a new concept!



[[this is a different concept]], note how the editor assumes you are making a break in your train of thoughts to talk about something else.


# Autocomplete
Finally, it has autocomplete for titles and internal links. For example, try to write a title with the name Helloworld.