widgEditor Simple WYSIWYG Editor

widgEditor Simple WYSIWYG Editor

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
912 views

widgEditor is an easily installed, easily customisable WYSIWYG editor for simple content. It replaces existing textareas with an improved editing pane using JavaScript, therefore if you don’t have JavaScript (or your browser doesn’t support HTML editing) it degrades gracefully. Try it out by typing below, and submit to see the processed output.

The widgEditor code is released under a GNU General Public License. However, if you are planning to use or modify the code for usage on a web site, a donation is greatly appreciated

As with most of my output, I originally coded widgEditor to satisfy my own curiosity about WYSIWYG editors. Its actual uptake amongst users has – and still – takes me thoroughly by surprise. And that’s the main reason why I’m feeling a bit guilty at letting it languish in non-maintenance limbo.

Although there’s been silence for almost 3 years, the development of widgEditor has continued in private, and I’ve changed the code enough to be able to release a version 2 … soon. But for the moment I’m issuing a point upgrade to the original; just enough to fix the most annoying bug: the inability to use widgEditor in Firefox 2+ when it starts with no content.

The bug is – rather strangely – caused by the way that the stylesheets are created inside the widgEditor iframe. Previously, I’d just write an entire HTML document into the iframe using document.write() (shudder), but it seems Firefox doesn’t like this too much. Creating the stylesheets using standard DOM methods gets around this bug. Internet Explorer still needs the document.writed way, so there’s a small code fork. Problem fixed.

As a minor bonus to the point release, the code for widgEditor is now hosted on code.google.com, so anyone who has bugs, feature requests, etc. can now post them using the tools there. Version 2 will be going up there as well, so stay tuned!

Demo: http://www.themaninblue.com/experiment/widgEditor/
Download: http://widgeditor.googlecode.com/files/widgEditor_1.0.1.zip
Source: http://www.themaninblue.com/experiment/widgEditor/

http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/magnolia_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/google_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/mixx_32.png http://www.ajaxupdates.com/wp-content/plugins/sociofluid/images/twitter_32.png

Related Listings:

  1. markItUp beta Universal Markup Editor markItUp! is not meant to be a “Full-Features-Out-of-the-Box”-editor. Instead it...

Do you like this post?

Email:     

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , ,

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment



Web Design & CSS (Templates) - TOP.ORG