Aloha Editor – simple and easy to use WYSIWYG editor

Some sites need simple WYSIWYG editor just to provide some simple formatting options for some texts. I needed editor like this on one of my ASP.NET MVC projects. Although there are lot of editors and it is not hard to build your own simple editor I took Aloha Editor. Let’s see why.

Aloha Editor

If you go to Aloha Editor homepage you will find working example of editor and example HTML page with JavaScript that works as simple getting started guide. It took me couple of minutes to add Aloha Editor to my page and get it working.

Configure on page, use from CDN

You can include Aloha Editor files from their CDN and configure editor on your page. This is the block of JavaScript from my page:

<!-- 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:

Aloha Editor: Text area for description editing

When I move mouse to text area to start editing text then Aloha toolbar appears:

Aloha Editor: Toolbar is visible only when needed

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.

Conclusion

Aloha Editor is small, compact and easy to use. It may save markable amount of space on views where more than one WYSIWYG editor is needed. Files can be included from Aloha CDN and this way it possible to save some traffic and keep load of server lower. JavaScript you must add to your pages is short, simple and easy to understand. Alhtough I have been Aloha user for some hours I am very happy with it.

Gunnar Peipman

Gunnar Peipman is ASP.NET, Azure and SharePoint fan, Estonian Microsoft user group leader, blogger, conference speaker, teacher, and tech maniac. Since 2008 he is Microsoft MVP specialized on ASP.NET.

    2 thoughts on “Aloha Editor – simple and easy to use WYSIWYG editor

    • June 19, 2013 at 6:04 am
      Permalink

      This looks very promising. I also like and have used HTMLBOX. I don’t think it is as active as Aloha but it is fast and I have developed it further for my own needs. I have bookmarked Aloha though. So thanks for the info.

    Leave a Reply

    Your email address will not be published. Required fields are marked *