Wednesday, April 6, 2011

Make any web page temporarily editable

This hint is similar to the hint Change text on web pages in Safari but is somewhat easier to use.

You can make all the text on any web page temporarily editable right in the browser. All you need is a browser that has a JavaScript console, which is pretty much all of them nowadays. In Safari, the JavaScript console is accessed with the Show Error Console command in the Develop menu. If you don't see the Develop menu, you have to enable it in the Advanced tab of Safari's preferences.

To make a web page editable, open the console and enter the following statement:

document.body.contentEditable = true

Now, when you click on a text element on the page, you will see a standard text cursor. You can add and delete text to your heart's content.

To make the page uneditable again, enter this in the console:

document.body.contentEditable = ...

Add to digg Add to Reddit Add to Slashdot Email this Article Add to StumbleUpon

Source: http://feeds.macosxhints.com/click.phdo?i=9bf8df8d01f3969b5dd418ff9c12f127

mac world macworld 2009 apple tablet news macintosh news

No comments:

Post a Comment