Namely, that there are lots of people questioning, contributing and supporting it. Popularity: A popular project on GitHub means exactly what you expect it to.While no search is complete without checking Google, I tend to refine my options on GitHub. Available options: Start by pulling together as many options as you can.Spoiler Alert: I choose Quill.js at the end! WYSIWYG Editor Evaluation Process
Over time, I’ve developed a system of sorts for quickly doing this, which may be useful to you. Let’s take a slight detour from Quill.js to chat about evaluating software. Every tech stack decision requires sorting through an ever-increasing number of frameworks, like the Tailwind CSS framework that divided the front-end community, preprocessors, JavaScript versions, and so on. I found dozens of different options, in various states of maintenance and quality:Īlloy Editor, Aloha Editor, CKEditor, Content Tools, Etherpad, Froala, grande.js, jodit, Medium Editor, Medium.js, Mobiledoc Kit, Pell, Pen Editor, ProseMirror, Quill.js, Squire, Scribe, Slate JS, Substance, TinyMCE, Trix, Trumbowyg, and wysihtml.Īs a front-end developer, you’re likely familiar with this situation. As expected, the results were overwhelming. The first thing I did was to Google ’WYSIWYG Editor’.
But this mindset requires its own skillset: knowing how to quickly and efficiently evaluate options. I’m a big believer in not reinventing the wheel and making use of other people’s open-source code. A fully functional text editor is a complex piece of software, and writing one from scratch would not have been the best use of my time.
I recently found myself in need of a simple, yet extendable, WYSIWYG HTML editor. In this article, I’ll share a step by step guide to installing and customizing this open-source JavaScript tool. This evolution has been driven by rich-text editors like Quill, which allow visitors to fully customize their content: from embedding photos and videos to adding emoticons.
Now, that same space contains an array of sophisticated text styling options that let users fully express what’s on their minds.
#= require plugins/ #= require plugins/char_ #= require plugins/code_ #= require plugins/code_ #= require plugins/ #= require plugins/ #= require plugins/ #= require plugins/ #= require plugins/font_ #= require plugins/font_ #= require plugins/ #= require plugins/ #= require plugins/ #= require plugins/image_ #= require plugins/inline_ #= require plugins/line_ #= require plugins/ #= require plugins/ #= require plugins/paragraph_ #= require plugins/paragraph_ #= require plugins/ #= require plugins/quick_ #= require plugins/ #= require plugins/ #= require plugins/ #= require plugins/special_ #= require plugins/ #= require plugins/ how basic the Facebook status update used to be? Status Box WYSIWYG Editor Quill