Best WYSIWYG editor for Vue that supports structured content?

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

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • JetBrains - Developer Ecosystem Survey 2022
  • SonarQube - Static code analysis for 29 languages.
  • slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Slate: Looks very promising, but it's for React. (Someone has floated the idea of making it framework-agnostic, but the maintainers haven't committed to that goal yet.)

  • tiptap

    The headless editor framework for web artisans.

    Tiptap: Seems like it requires too much custom development just to get a basic editor working.

  • 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!

  • quill

    Quill is a modern WYSIWYG editor built for compatibility and extensibility.

    Quill: This blog post from the Medium development team gives me a little pause about Quill.

  • ProseMirror

    The ProseMirror WYSIWYM editor

    ProseMirror: Seems like more of a toolkit.

  • Editor.js

    A block-styled editor with clean JSON output

    EditorJS: The only tools I could find for converting to HTML are third-party efforts by individual developers, so it fails my third requirement.

  • storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    There's also stuff like storybook https://storybook.js.org/

  • angular-froala-wysiwyg

    Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.

    Have you taken a look at https://froala.com/wysiwyg-editor/ ?

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

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