Ik kan het volgende scriptlet gebruiken om een webpagina te maken
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
Maar na het doen van de bewerkingen wil ik doen (bijvoorbeeld voor een screenshot voor een handleiding), hoe herstel ik de status van de pagina naar de normale ongedelijke staat? Ik heb geprobeerd het wijzigen van true
en 0
naar false
EN 1
RESULTEREN, NOTE GEBRUIKT.
Antwoord 1, Autoriteit 100%
U kunt de bewerkingsmodus verlaten door uw opdracht te wijzigen op het volgende
javascript:document.body.contentEditable='false'; document.designMode='off'; void 0
Ik heb mijn antwoord bijgewerkt met een eenvoudig werkvoorbeeld van mijn antwoord, getest in Chrome, Safari en 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>
Antwoord 2
U moet de contenteditable
Attribuut verwijderen.
var demo_editable = document.getElementById('demo-editable');
var demo_button = document.getElementById('demo-button');
demo_editable.setAttribute('contenteditable',true);
demo_button.onclick = function() {
delete demo_editable.removeAttribute('contenteditable');
}
<div id="demo-editable">This is editable</div><button id="demo-button">Make not editable</button>
Antwoord 3
Probeer dit:
- Hit F12 om de pagina
- Klik met de rechtermuisknop op het bovenste element van de
<html>
TAG - Selecteer “Bewerken als HTML”
- Focus de bewerkbare HTML en druk op Ctrl + A om alle
- Hit Ctrl + C om de HTML van de pagina naar uw klembord te kopiëren
- Maak de bewerkingen aan de inhoudelijke sectie
- Herhaal stap 1 tot en met 4
- CTRL + V om over de bewerkte HTML te plakken met de oorspronkelijke HTML
te inspecteren
van de resulterende contextmenu.
te selecteren
van de pagina