Hunting for text editors

By | February 6, 2019

Looking for a component that could input formatted text and give out HTML text. As you know, normal textbox within html, does not support formatted text, like bold, italics and so on.

Typical applications : Formatted text while sending email, a cooking recipe application which accepts formatted text and so on

After a bit of googling, I came across the following

UI Kit

Link : https://getuikit.com/v2/docs/documentation_get-started.html

You just need to download the source from the site and try out a simple example. Couldn’t make it work. Looks good. Need to explore more.

TinyMCE

https://www.tiny.cloud/features/

One of the most popular editors out there. As far as I understood, firstly you need to get an API key. Using this API key, call the component. For additonal features, like auto complete etc, you need to pay up

Only cloud version avb, I couldn’t download the code for an offline version. Tried cloud version, but could not make it work

Quill

Link : https://quilljs.com/docs/quickstart/

So easy to use. I was up and running in less than 2 minutes with the code shown below. No API key or cloud stuff is required. No payment for additional features – all plugins are free

( Kindly remove all spaces from the code below – wordpress doesn’t allow HTML tags in the page)

< link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">

< div id="editor">
< p >Hello World!
< p>Some initial bold text

< p>

< / div>
< script src="https://cdn.quilljs.com/1.3.6/quill.js"> < / script >

< script > var quill = new Quill(‘#editor’, { theme: ‘snow’ });
< / script >

Leave a Reply