Home

I have tried multiple editors, specifically TinyMCE and Raptor, with mixed results. I liked how TinyMCE functioned, but wanted to take advantage of contenteditable HTML5 elements. TinyMCE relies heavily on textareas, and we don't want that. Raptor had issues dealing with multiple editable regions on a screen. How about getting back to the basics? Keep in mind I'm going to limit the number of features in a sense- this is LIGHTweight.... see what I did there? Introducing 5edit!

5edit relies on Rangy for detecting selection. Initialize a field with the contenteditable attribute in any tag that supports it. Let 5edit know you're editing something with an onFocus event that calls setEditField(field, limit). field is a string variable that needs to match the id of the editable element. limit is a boolean: true indicates that you only want a few features enabled, while false enables all editing options.

Project Admins:

• Mark Gullings