Monday, September 17, 2007

WYSIWYG in 1 step

Hey Guys...

Do you know about WYSIWYG editors???

What You See Is What You Get editors are HTML editors that can help you create HTML on the fly. There is a hidden trick for DIV tags which you can implement such editors in just 1 small step.

But this technique has a limitation...
It works on IE 6+ only. No firefox/netscape support available. :(

Well, just use contentEditable=true attribute in div tag.

Example...


<div contenteditable="true">
    The content goes here
</div>




Do it yourself now...


This Content is Editable. Try Me



Now this text is editable. Even CTRL+B and other such shortcuts work on this. You can also open any page, press CTRL+A to select it and press CTRL+V to paste on your new WYSIWYG editor. It will give you nice HTML.


So try it and have fun...

0 comments: