JavaScript wysiwyg-editor

Open-source JavaScript projects categorized as wysiwyg-editor | Edit details

Top 18 JavaScript wysiwyg-editor Projects

  • GitHub repo pell

    📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies

    Project mention: Recommend markdown text field component | reddit.com/r/vuejs | 2021-11-14

    Check out https://github.com/jaredreich/pell with markdown. (Check the example it uses it). 4kb here.

  • GitHub repo Summernote

    Super simple WYSIWYG editor

    Project mention: Thoughts on Action Text | reddit.com/r/rails | 2021-12-31

    These past days I tried Action Text for the first time and got a bit disappointed with it, in the end I ended up using Summernote (https://summernote.org/) instead, here are my thoughts on what could be improved:

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • GitHub repo ckeditor5

    Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.

    Project mention: CMS type system with table support | reddit.com/r/rails | 2022-01-12
  • GitHub repo react-draft-wysiwyg

    A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg

    Project mention: Choosing the right WYSIWYG rich text editor that works properly with React | reddit.com/r/reactjs | 2021-12-05

    I've worked on something for a client that's very similar, it was for a noticeboard feature where a user can post notifications, and for that, rich text editing was required with image upload preview and other stuffs. I had it done with react-draft editor, so it is definitely suitable for comments. It allowed: -Image upload(from local Device and by embedding link), where you can adjust width and height in pixels before posting. -font adjustment -colour adjustment -lists and indents -emojis -hyper links -A <>monospace code editor -Mentioning (user tags eg @user) function. And a lot of other basic text editing functions.

  • GitHub repo react-quill

    A Quill component for React.

    Project mention: Choosing the right WYSIWYG rich text editor that works properly with React | reddit.com/r/reactjs | 2021-12-05

    React Draft and Quill are your best free options. Unfortunately all of them will require you to customize it for your application as they only come with the basic stuff.

  • GitHub repo Trumbowyg

    A lightweight and amazing WYSIWYG JavaScript editor under 10kB

    Project mention: New rich text editors use native contenteditable | reddit.com/r/Frontend | 2021-09-21

    DraftJS, Slate, ProseMirror, Quill and more - they all use their model for abstracting dom (unfortunately I don't rememeber what was the exact reasoning. Quill has some article on that https://quilljs.com/docs/delta) I can see now the surge of new RTEs that simply use contenteditable and dom. Is it that isssue from the past that led those libs above to use abstractions - are not valid anymore? Examples: https://atata.io/examples/custom-rich-text-editor-based-on-contenteditable/ http://suneditor.com/sample/index.html https://alex-d.github.io/Trumbowyg https://zenpen.io

  • GitHub repo Mobiledoc Kit

    A toolkit for building WYSIWYG editors with Mobiledoc

    Project mention: On the limits of MDX | dev.to | 2021-04-01

    There's plenty of content platforms with plenty of rich text editors that spew out plenty of different formats, including markdown, HTML, and abstractions as MobileDoc and Portable Text. Medium gained popularity thanks to its smooth authoring experience, Notion now seems to have taken over that hype. Void of HTML and Markdown (well, markdown-like shortcuts works, but is not a requirement), but with rich embeds. Arguably, these interfaces are more friendly and more accessible than learning Markdown, or MDX.

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

  • GitHub repo megadraft

    Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility

    Project mention: 10+ React Rich Text Editors | dev.to | 2021-11-07

    Demo GitHub

  • GitHub repo SunEditor

    Pure javascript based WYSIWYG html editor, with no dependencies.

    Project mention: NPM Package For WYSIWYG Text Editor? | reddit.com/r/reactjs | 2021-09-17

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

  • GitHub repo ckeditor-releases

    Official distribution releases of CKEditor 4.

  • GitHub repo bangle.dev

    Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io

    Project mention: Marktext – Elegant Markdown Editor for Linux, macOS, Windows | news.ycombinator.com | 2021-12-25

    Since you're the author of Bangle.io and it seems the latter is based on bangle.dev[0] which in turn is based on ProseMirror(?), why did you decide to make Bangle's interface look like that of VS Code / Monaco[1]?

    On a different note, IMO using Electron for an app is not a bad choice per se. It's just that editors written in web technologies usually suck because they are so slow compared to, say, Vim/Emacs/Sublime. Is ProseMirror really that much better (faster) than Monaco/VS Code? If not, what's the benefit of using Bangle over Marktext? (Sure, running Marktext/Electron will use up additional RAM compared to running Bangle in an existing browser. But to be honest CPU load is much more important to me.)

    [0]: https://github.com/bangle-io/bangle.dev

    [1]: https://github.com/Microsoft/monaco-editor , https://vscode.dev/

  • GitHub repo text

    📑 Collaborative document editing using Markdown (by nextcloud)

    Project mention: Using the web interface throws many (hidden) 404's | reddit.com/r/NextCloud | 2021-02-01

    It may very well be expected behaviour. See for instance this on Github.

  • GitHub repo append-editor

    Append to your notes @StandardNotes with GitHub Flavored Markdown via CodeMirror, Rich Markdown, and Monaco | https://appendeditor.com

    Project mention: Rich Markdown Text Editor Not Working On Linux | reddit.com/r/StandardNotes | 2021-11-07
  • GitHub repo jupyter-wysiwyg

    A WYSIWYG markdown/HTML editor for Jupyter Notebook

    Project mention: Which note taking app are you using? | reddit.com/r/bioinformatics | 2021-10-14
  • GitHub repo unicode-formatter

    Convert portions of text to fancy text using unicode fonts for use on Twitter and other sites that don't support rich text

  • GitHub repo block-editor

    A block editor for Ruby on Rails

    Project mention: Block Editor for Rails | reddit.com/r/rubyonrails | 2021-03-17

    Simple demo host application using the gem - https://block-editor-rails.herokuapp.com/ Repo - https://github.com/yamasolutions/block-editor

  • GitHub repo textbase

    Textbase is a clean, simple, composable, event-driven, rich text editor framework for the web which can be extended with custom block and inline elements in a non-opinionated manner.

    Project mention: Show HN: Writing a simple, event-driven, extensible, rich text editor framework | news.ycombinator.com | 2021-03-29
  • GitHub repo meditee

    Meditee Desktop App is a minimalist "Medium like" Markdown editor based on Draft.js and Electron.

    Project mention: Meditee: Medium like Markdown editor | dev.to | 2021-11-17

    This is why I come up with a small fully-packaged Desktop application: Meditee

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-12.

JavaScript wysiwyg-editor related posts

Index

What are some of the best open-source wysiwyg-editor projects in JavaScript? This list will help you:

Project Stars
1 pell 11,658
2 Summernote 10,513
3 ckeditor5 5,498
4 react-draft-wysiwyg 5,474
5 react-quill 4,791
6 Trumbowyg 3,666
7 Mobiledoc Kit 1,483
8 megadraft 1,069
9 SunEditor 817
10 ckeditor-releases 517
11 bangle.dev 470
12 text 331
13 append-editor 53
14 jupyter-wysiwyg 32
15 unicode-formatter 22
16 block-editor 10
17 textbase 8
18 meditee 5
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
OPS - Build and Run Open Source Unikernels
Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
github.com/nanovms