4 ms·

> the latter I find clunky and hard to build on top of If you learn ProseMirror [1], then building on top of outline's rich-markdown-editor or tiptap (which is

by bhl 6y ago

> the latter I find clunky and hard to build on top of If you learn ProseMirror [1], then building on top of outline's rich-markdown-editor or tiptap (which is also ProseMirror based) should be easier. What issues are you currently running into with extending that editor? [1] https://prosemirror.net/ https://prosemirror.net/

brendanfalk 6y ago
I should learn prosemirror. just figured it would be a nice to have a simple text editor with markdown shortcuts. So perhaps let me rephrase by saying: i find outline clunky and don’t want to spend the time learning proesmirror to get rid of some of the clunkiness. Also, any major distinctions between prosemirror, slate.js, and draft.js?
- bhl 6y ago
  ProseMirror is more of a framework for building text editor libraries; Slate and Draft are drop-in, easier-to-integrate text editors. In addition, ProseMirror is built with JavaScript, and would require writing custom code to adapt to Vue or React. Slate and Draft are both built with React, which has it pros and cons. For example, using React means on each key press it’s going to run it’s whole virtual dom diff algorithm resulting in a higher input latency [1]. ProseMirror is more performant in this case by not using React and managing its own editor state. But Slate and Draft, by using React, gets easy server side rendering. If I were to build a clone of Typora or Bear, I’d use Slate because 1. those editors are close to what Discord has as its chat editor and Discord uses Slate 2. Slate has better markdown support out of the box. However if I were to build a Notion clone more focused on WYSIWYG, then I’d go with ProseMirror. I wouldn’t go with Draft in any scenario since the community seems smaller and the library is less maintained, although twitter uses it. [1] https://juretriglav.si/what-happens-when-you-type-a-single-letter/ https://juretriglav.si/what-happens-when-you-type-a-single-l...

by bhl 6y ago

brendanfalk 6y ago

I should learn prosemirror. just figured it would be a nice to have a simple text editor with markdown shortcuts. So perhaps let me rephrase by saying: i find outline clunky and don’t want to spend the time learning proesmirror to get rid of some of the clunkiness. Also, any major distinctions between prosemirror, slate.js, and draft.js?

bhl 6y ago
ProseMirror is more of a framework for building text editor libraries; Slate and Draft are drop-in, easier-to-integrate text editors. In addition, ProseMirror is built with JavaScript, and would require writing custom code to adapt to Vue or React. Slate and Draft are both built with React, which has it pros and cons. For example, using React means on each key press it’s going to run it’s whole virtual dom diff algorithm resulting in a higher input latency [1]. ProseMirror is more performant in this case by not using React and managing its own editor state. But Slate and Draft, by using React, gets easy server side rendering. If I were to build a clone of Typora or Bear, I’d use Slate because 1. those editors are close to what Discord has as its chat editor and Discord uses Slate 2. Slate has better markdown support out of the box. However if I were to build a Notion clone more focused on WYSIWYG, then I’d go with ProseMirror. I wouldn’t go with Draft in any scenario since the community seems smaller and the library is less maintained, although twitter uses it. [1] https://juretriglav.si/what-happens-when-you-type-a-single-letter/ https://juretriglav.si/what-happens-when-you-type-a-single-l...