Rich text editor html5 how to#

At only 11.5 KB of JavaScript after minification and gzip (34.7 KB uncompressed) and with no dependencies, Squire is extremely lightweight. They decided to start from scratch and build Squire. That’s just the code, excluding styles and images.

The version of CKEditor we use for our previous (classic) UI, which only includes the plugins we need, is a 159 KB download (when gzipped uncompressed it’s 441 KB). With our focus on speed and performance, we were also concerned about the code size. As such, simply inserting an image by default presented a dialog with three tabs and more options than you could believe possible.It also came with its own UI toolkit and framework, which we would have had to heavily customise to fit in with the rest of the new UI we were building a pain to maintain. You can read more about this here: FastMail Says It's Free of NSA Surveillance.Īs the FastMail team wrote on their blog, they previously used CKeditor: While not a bad choice, like most other editors out there it was designed for creating websites, not writing emails. Because it's based in Australia and operates under different laws than in the U.S., there are slightly improved privacy protections for FastMail users. FastMail is an excellent cloud-based email alternative to Gmail-I'm a daily FastMail user. The FastMail team built Squire to simplify their webmail editor requirements.

Rich text editor html5 how to#

In this tutorial, I'll show you how to download Squire and build sample input forms with it. If you'd like to see Squire in action, visit the demo. It's also MIT licensed for flexible reuse. However, for many rich text input and web application purposes, Squire may be just what you need.

Squire is not meant for creating and editing WYSIWYG website pages.

It works best beginning with Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8. It provides cross-browser support but deliberately avoids the complexity of supporting older browsers. Squire is an extremely lightweight HTML5 rich text editor best suited for your applications' rich input forms and simple document creation.