将 designMode 开/关小书签组合成一个切换小书签答案

【问题标题】：Combining designMode on/off bookmarklets into one toggling bookmarklet将 designMode 开/关小书签组合成一个切换小书签
【发布时间】：2011-02-03 06:51:55
【问题描述】：

我希望将这 2 个书签组合成 1 个用于打开和关闭设计模式的书签：

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

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

我尝试了一些 if else 语句，但似乎无法检测到 designMode 是否打开。所以不确定我做错了什么。任何帮助将不胜感激。

【问题讨论】：

标签： javascript bookmarklet contenteditable designmode

【解决方案1】：

已解决（我有错别字，哎呀） ：

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;
    }
})();

【讨论】：

一行是：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;}})();
附注所有浏览器都支持多行书签。

【解决方案2】：

这适用于谷歌浏览器

   data:text/html, <html contenteditable>

【讨论】：