Combining designMode on/off bookmarklets into one toggling bookmarklet

Question

Combining designMode on/off bookmarklets into one toggling bookmarklet

5.8k views Asked by srbrussell At 25 October 2024 at 17:12

I'm looking to combine these 2 bookmarklets into 1 bookmarklet that toggles the designMode on and off:

On: javascript:document.body.contentEditable='true';%20document.designMode='on';%20void%200

Off: javascript:document.body.contentEditable='false';%20document.designMode='off';%20void%200

I had tried some if else statements but can't seem to detect if designMode was on or not. So not sure what I was doing wrong. Any help would be appreciated.

Original Q&A

There are 2 answers

Alec Heehs On 08 October 2013 at 20:19

This works on Google Chrome

   data:text/html, <html contenteditable>

**srbrussell** · Accepted Answer · 2011-02-12 04:36:50

SOLVED (i had typos, oops) :

javascript:(

function () {
    if (document.documentElement.contentEditable === false || document.designMode === "off") {
        document.body.contentEditable='true';
        document.designMode='on';
        void 0;
    } else if (document.documentElement.contentEditable === true || document.designMode === "on") {
        document.body.contentEditable='false';
        document.designMode='off';
        void 0;
    }
})();

TechQA.

Combining designMode on/off bookmarklets into one toggling bookmarklet

There are 2 answers

Related Questions in JAVASCRIPT

Related Questions in BOOKMARKLET

Related Questions in CONTENTEDITABLE

Related Questions in DESIGNMODE

Popular Questions

Popular Tags

Trending Questions