- Copy the contents of edit.js, below.
- Visit this page.
- Paste the contents of edit.js into the box labeled "Enter your javascript code here".
- Click "Convert to Bookmarklet".
- Drag the blue button that says "this link" to your bookmarks bar.
- Visit any web page.
- Click on the bookmarklet you created until a dialog appears saying "Content is now editable!"
- Click on the page anywhere and use the cursor to edit the page. Links will be disabled so you can click on them.
- Click on the bookmarklet to turn off editing and make links clickable again.
@viliusle I appreciate your perspective. For a more complete product yours might be good advice. But frankly, for this four-year-old simple bookmarklet that is designed to toggle the enable content editing bit for a web page, the
alert()
seems like just the right amount of UI feedback for what it’s doing. Adding a “toast” would require embedding so much UI code in the bookmarklet as to make it needlessly complicated/bloated. That’s just my opinion, of course, and I’d love to see your alternative take on code that incorporates those UI elements in a bookmarklet efficiently. Obviously, if you’re doing this as part of a larger app and have control over the UI libraries so that it’s easy to add those elements, that would be a much better choice. But that’s not the case or intent here. Hopefully that makes sense to you!