Ask HN: How to write a rich text editor?

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • ProseMirror

    The ProseMirror WYSIWYM editor

  • 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

  • dev

    Development repository for the CodeMirror editor project

  • 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

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts