Some sites need a simple WYSIWYG editor just to provide some simple formatting options for some texts. I needed an editor like this on one of my ASP.NET MVC projects. Although there are a lot of editors and it is not hard to build your own simple editor I took Aloha Editor. Let’s see why.
Configure on page, use from CDN
<!-- load the Aloha Editor core and some plugins --> <script src="http://cdn.aloha-editor.org/latest/lib/aloha.js" data-aloha-plugins="common/ui, common/format, common/list, common/link, common/table, common/highlighteditables"> </script>
Notice how easy it is to say what functions you want to plug to editor. I mean even beginners should be able to get this editor work with no markable problems.
Visible only when needed
Here is one text field where simple HTML editing is needed:
When I move mouse to text area to start editing text then Aloha toolbar appears:
Toolbar is lightweight and doesn’t take space on screen when it is not needed. Toolbar like this leaves way more space for content on screen and it allows to focus better on information on form.