A cool tool ^^
Web Development
|
|
CODE:
|
Copy / Restore :: Remove Scroll Bars
|
javascript: document.body.contentEditable='true'; document.designMode='on'; void
0
Select what you want to copy and in doing so you will keep the formatting when pasting it.
|
|
If you copy/paste the above code in your address bar, you can visually edit their page-
(like a frontpage setup, whatever) it's cool. You can't save anything(as far as I know)
But I sort of.. stumbled on it. I tested it in Forefox and it works (and whatever works in firefox, usually works in in IE7.) I just thought it was kinda cool 
This works on every page I've seen, and it's great fun! What's cool is when you stump the admin wondering how their page came to look like it does in your screenshot
Please login to rate coding articles.
Click here to register a free account with us.
|
|
Comments
|
| Please login to post comments. |
|
|
umm I need a portable Admin-selector script.. But uhh anyway.. cool..
|
|
|
I have a working example: http://www.emminar.com/editor
It uses the same principle.
BTW, FireFox and IE are very different. More than half the time what works in FF doesn't work in IE, and vise-versa.
But in this case it will work cross-browser :)
|
|
|
Ya, I've used this before as well. When desiging sites for clients to make their "editing" of content throughout the site easier, I basically make it to where they can just double-click content to edit it, using this option you've shown.
It is very nice, but you also have to know how to use it as well, **hint** SECURITY!
|
|
|
well.. I checked out your link to Codeshade or whatever...
Made an account..atc...atc.. and ran into a post with this on it.. I tried it on a couple sites and it was totally cool...
|
|
|
I remember looking in to this a few years ago. It's basically how these "Rich Text Editors" work. By making the page in an iframe go in to design mode.
How did you stumble on it (by accident?)?
Kind regards,
Scott
|
|
|
 |
Categories |
 |
|
|