Discuss Scratch

BSH1
Scratcher
100+ posts

Edit Webpages - Bookmarklet

Using some scripts I found online I created a fun JavaScript bookmarklet that allows you to edit everything on any webpage - without the need of inspect element
The changes are only temporary, so when you reload the page they are no longer there.
Whenever you click on the bookmark page you can click anywhere on the webpage you are on and type onto it. You can also paste in and delete images!


How to create (Needs to be in google chrome)

Create a new: bookmark page
Set the link it goes to as:
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
Set the name as: Edit Page

How to run without creating the bookmarklet

In the bar at the top of google chrome type: javascript:
Then paste in:
document.body.contentEditable='true'; document.designMode='on'; void 0

You can not paste in “javascript:” for some reason

Last edited by BSH1 (July 3, 2015 17:43:42)

PinoPicasso
Scratcher
11 posts

Edit Webpages - Bookmarklet

Where do you put the link?

Last edited by PinoPicasso (July 2, 2015 17:44:06)

LattleKada
Scratcher
100+ posts

Edit Webpages - Bookmarklet

YAY! It worked for me! I changed the ‘show new posts since last visit’ to ‘EVERYBODY IS A POTATO!!!’
BSH1
Scratcher
100+ posts

Edit Webpages - Bookmarklet

PinoPicasso wrote:

Where do you put the link?
Either in the bar where the URL of your site is in google chrome, or as the URL for a bookmark in google chrome
BSH1
Scratcher
100+ posts

Edit Webpages - Bookmarklet

LattleKada wrote:

YAY! It worked for me! I changed the ‘show new posts since last visit’ to ‘EVERYBODY IS A POTATO!!!’
Yay
__init__
Scratcher
1000+ posts

Edit Webpages - Bookmarklet

Cool, I didn't know JS had a function for that, lol

I wish it had a flashing cursor though… edit: oh wait it does

and chrome isn't the only browser that can do it -_- in fact, take that promotion of the worst browser in history off your OP RIGHT NOW!!!

I bet firefox works better than chrome

Last edited by __init__ (July 2, 2015 22:03:33)

nathanprocks
Scratcher
1000+ posts

Edit Webpages - Bookmarklet

I've known about this for a long time now. You can use this to turn off edit mode:
document.body.contentEditable='false'; document.designMode='off'; void 0
BSH1
Scratcher
100+ posts

Edit Webpages - Bookmarklet

__init__ wrote:

Cool, I didn't know JS had a function for that, lol

I wish it had a flashing cursor though… edit: oh wait it does

and chrome isn't the only browser that can do it -_- in fact, take that promotion of the worst browser in history off your OP RIGHT NOW!!!

I bet firefox works better than chrome
Hmm, it doesn't work for me in other browsers though

nathanprocks wrote:

I've known about this for a long time now. You can use this to turn off edit mode:
document.body.contentEditable='false'; document.designMode='off'; void 0
Yeah Although I just reload the page
__init__
Scratcher
1000+ posts

Edit Webpages - Bookmarklet

It at least works in Firefox.
AwesomeIndustries
Scratcher
9 posts

Edit Webpages - Bookmarklet

I made a really cool bookmarklet project. It's at https://scratch.mit.edu/projects/70633078/.
-SuperScratch-
Scratcher
100+ posts

Edit Webpages - Bookmarklet

Awesome!
Wizomal
Scratcher
1 post

Edit Webpages - Bookmarklet

How to you stop editing?
MyScratchedAccount
Scratcher
1000+ posts

Edit Webpages - Bookmarklet

BSH1 wrote:

Using some scripts I found online I created a fun JavaScript bookmarklet that allows you to edit everything on any webpage - without the need of inspect element
The changes are only temporary, so when you reload the page they are no longer there.
Whenever you click on the bookmark page you can click anywhere on the webpage you are on and type onto it. You can also paste in and delete images!


How to create (Needs to be in google chrome)

Create a new: bookmark page
Set the link it goes to as:
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
Set the name as: Edit Page

How to run without creating the bookmarklet

In the bar at the top of google chrome type: javascript:
Then paste in:
document.body.contentEditable='true'; document.designMode='on'; void 0

You can not paste in “javascript:” for some reason
I have on my iPad I used shortcuts.

Last edited by MyScratchedAccount (Feb. 15, 2023 06:01:15)

softlysinging
Scratcher
100+ posts

Edit Webpages - Bookmarklet

Wizomal wrote:

How to you stop editing?

You just don't ever stop editing writing I guess.

Powered by DjangoBB