Ask HN: How to write a rich text editor?

Rich Text Editor Text Editors WYSIWYG Editor

ProseMirror Landing Page
1

ProseMirror

A toolkit for building rich-text editors on the web
Pricing:
- Open Source
Https://prosemirror.net/: A toolkit for building rich-text editors on the web ProseMirror was written by Marijn Haverbeke, who also wrote (and rewrote!) the much used [CodeMirror] editor. So the design of his "editor toolkits" are based on years of experience developing and maintaining text editors. Marijn is very responsive on all the respective discussion boards. Examples, including markdown: https://prosemirror.net/examples/ Depending on your design, CodeMirror may be the better choice, especially if you want "parsing." The core of CodeMirror is based on [Lezer], a custom parser designed for editors. ProseMirror is meant to be the rich text editor, but I found my TaskPaper clone was more suited for CodeMirror because it was more focused on plain text. I suppose it would be possible to combine Lezer with ProseMirror, but ProseMirror already has its own [document model]. [CodeMirror]: https://codemirror.net/ [Lezer]: https://lezer.codemirror.net/ [document model]: https://prosemirror.net/docs/guide/#doc.

#Rich Text Editor #Text Editors #IDEs And Text Editors 33 social mentions
CodeMirror Landing Page
2

CodeMirror

CodeMirror is a versatile text editor implemented in JavaScript for the browser.
Pricing:
- Open Source
Https://prosemirror.net/: A toolkit for building rich-text editors on the web ProseMirror was written by Marijn Haverbeke, who also wrote (and rewrote!) the much used [CodeMirror] editor. So the design of his "editor toolkits" are based on years of experience developing and maintaining text editors. Marijn is very responsive on all the respective discussion boards. Examples, including markdown: https://prosemirror.net/examples/ Depending on your design, CodeMirror may be the better choice, especially if you want "parsing." The core of CodeMirror is based on [Lezer], a custom parser designed for editors. ProseMirror is meant to be the rich text editor, but I found my TaskPaper clone was more suited for CodeMirror because it was more focused on plain text. I suppose it would be possible to combine Lezer with ProseMirror, but ProseMirror already has its own [document model]. [CodeMirror]: https://codemirror.net/ [Lezer]: https://lezer.codemirror.net/ [document model]: https://prosemirror.net/docs/guide/#doc.

#Rich Text Editor #Text Editors #IDEs And Text Editors 43 social mentions