O'Reilly logo

Bootstrap Essentials by Snig Bhaumik

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

WYSIWYG editor and Font Awesome

WYSIWYG is a very common and popular component where you expect that the users of the web page to enter some HTML and formatted content; this control is particularly essential in a content management system (CMS).

In this section, we will demonstrate an editor that is built on Bootstrap and is mobile-ready. The editor we will be using is bootstrap-wysiwyg; you can explore this on the http://mindmup.github.io/bootstrap-wysiwyg/ page. We will replace the standard text area control in our Contact Us page with this editor in order to give a better user experience. Here is the HTML code:

<div class="btn-toolbar" data-role="editor-toolbar" data-target="#yourComments"> <div class="btn-group"> <a class="btn dropdown-toggle" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required