NPM Package For WYSIWYG Text Editor?

This page summarizes the projects mentioned and recommended in the original post on reddit.com/r/reactjs

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarQube - Static code analysis for 29 languages.
  • Scout APM - Less time debugging, more time building
  • Froala Editor

    The next generation Javascript WYSIWYG HTML Editor.

  • tiptap

    The headless editor framework for web artisans.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • roosterjs

    roosterjs is a framework-independent javascript rich text editor.

    Microsoft has the RoosterJS editor and the associated roosterjs-react package. Might be a little heavy for your purposes; it's designed to be highly flexible and customizable, so it takes a bit of setup to get it going.

  • roosterjs-react

    React components based on roosterjs

    Microsoft has the RoosterJS editor and the associated roosterjs-react package. Might be a little heavy for your purposes; it's designed to be highly flexible and customizable, so it takes a bit of setup to get it going.

  • react-quill

    A Quill component for React.

    You could try react-quill. Will take you a bit to understand quill, but it's very customizable and lightweight

  • suneditor-react

    A React Component for SunEditor (WYSIWYG editor)

    suneditor-react (but it is easy to add the original SunEditor too)

  • SunEditor

    Pure javascript based WYSIWYG html editor, with no dependencies.

    suneditor-react (but it is easy to add the original SunEditor too)

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

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