Edit webpage with javascript trick – how to “unedit”?

You would be able to leave edit mode by changing your command to the following

javascript:document.body.contentEditable='false'; document.designMode='off'; void 0

I have updated my answer to include a simple working example of my answer, tested in chrome, safari and firefox.

<input type="button" value="Edit" onclick="javascript:document.body.contentEditable='true'; document.designMode='on'; void 0"> <input type="button" value="Disable Edit" onclick="javascript:document.body.contentEditable='false'; document.designMode='off'; void 0">
<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel arcu eget risus iaculis imperdiet vel in leo. Pellentesque commodo nibh tellus. Morbi ultricies consectetur fermentum. Aenean eu vehicula libero. Nam pellentesque lobortis dui, ut rutrum neque suscipit at. In tincidunt justo sit amet faucibus bibendum. Sed viverra dignissim nulla, ac lacinia orci bibendum at.</p><p>Mauris enim ex, mattis et augue nec, maximus dignissim leo. Donec maximus interdum blandit. Phasellus porta accumsan est, ac sagittis arcu sollicitudin quis. Donec consequat velit at congue congue. Suspendisse feugiat molestie neque, id condimentum tellus. Vestibulum fringilla libero nec iaculis pellentesque. Cras mollis risus eros, eget mollis augue molestie ac. Nulla tincidunt metus at pulvinar cursus.</p></div>

 Run code snippet

Related Posts:

  1. Automatically pausing html5 video as the ‘next’ button is pressed (javascript/ jquery)
  2. Is it possible to write data to file using only JavaScript?
  3. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  4. Is it possible to write data to file using only JavaScript?
  5. How to make JavaScript execute after page load?
  6. Set cookie and get cookie with JavaScript
  7. Which is better: or
  8. Onclick javascript to make browser go back to previous page?
  9. How to make JavaScript execute after page load?
  10. Why is my Javascript not working?
  11. How can I get the values of data attributes in JavaScript code?
  12. Javascript: getElementById vs getElementsById (both works on different pages)
  13. mailto using javascript
  14. mailto using javascript
  15. Mailto using Javascript?
  16. How to change css property using javascript
  17. javascript close current window
  18. I am trying to make a simple toggle button in javascript
  19. How to call a JavaScript function within an HTML body
  20. How to save user input into a variable in HTML and JavaScript
  21. Hiding a button in Javascript
  22. Show/hide ‘div’ using JavaScript
  23. How to make JavaScript execute after page load?
  24. Get HTML code using JavaScript with a URL
  25. Calculate percentage Javascript
  26. How to display image with JavaScript?
  27. Resize image with javascript canvas (smoothly)
  28. JavaScript function onhover in
  29. Check if an element contains a class in JavaScript?
  30. Hide element by class in pure Javascript
  31. How to play a mp3 using Javascript? [duplicate]
  32. mailto using javascript
  33. Function not defined javascript
  34. How to submit a form with JavaScript by clicking a link?
  35. How to call a REST web service API from JavaScript?
  36. Check a radio button with javascript
  37. AppendChild() is not a function javascript
  38. How can I change an element’s class with JavaScript?
  39. JavaScript: Get image dimensions
  40. Why write script type=”text/javascript” when the mime type is set by the server?
  41. How to select an input element by value using javascript?
  42. javascript window.location in new tab
  43. How to create a hidden in JavaScript?
  44. How do I programmatically set the value of a select box element using JavaScript?
  45. How can I capture the right-click event in JavaScript?
  46. How do I clear the content of a div using JavaScript?
  47. What’s the difference between HTML ‘hidden’ and ‘aria-hidden’ attributes?
  48. How do I vertically align text in a div?
  49. How do I vertically center text with CSS?
  50. Add swipe left/right to web page, but use default swipe up/down
  51. Check if checkbox is checked with jQuery
  52. Parse error: Syntax error, unexpected end of file in my PHP code
  53. Is there a minlength validation attribute in HTML5?
  54. Getting rid of bullet points from

Leave a Comment