Number one this week, Editor.js is a “rich text” editor that can be included in any HTML page to let users edit the page content.

It relies on contenteditable, a standard HTML attribute that can make any HTML tag editable by the end-user.

Instead of simply generating raw HTML code from the user’s input, it generates a structured JSON tree that can processed by any backend.

Each editable block (header, link, list, image…) is provided by a plugin that needs to be installed separately to extend the core features.

Last but not least, keyboard shortcuts are handled as expected.

If you are interested in this type of editor, also called WYSIWYG (“What You See Is What You Get”) editors, check the Rich Text Editors category from Best of JavaScript.

Editor.js
Editor.js
+2.3 k
A block-styled editor with clean JSON output
freeCodeCamp
freeCodeCamp
+873
The https://www.freeCodeCamp.org open source codebase and curriculum. Learn to code for free together with millions of people.
You Don't Need jQuery
You Don't Need jQuery
+861
Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
Vue.js
Vue.js
+857
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Awesome
Awesome
+617
😎 Awesome lists about all kinds of interesting topics
VS Code
VS Code
+560
Visual Studio Code
You Don't Know JS
You Don't Know JS
+517
A book series on JavaScript. @YDKJS on twitter.
Tailwind CSS
Tailwind CSS
+456
A utility-first CSS framework for rapid UI development.
30 seconds of code
30 seconds of code
+429
A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.