Easily switch between the Experience Editor and normal mode in Sitecore

Thursday, February 25, 2016 Labels:
When working on a Sitecore website, quite often, I need to go back and forth between the normal website and the Experience Editor. I tried having two bookmarks for each page or module, but that grew tiresome very quickly - especially since I don't want to have a bookmark for every page on the website.

So, I got in the habit of including `sc_mode=normal` in what bookmarks I do have. And, then I simply change that to `sc_mode=edit` in the address bar when needed and vice-versa. But, that has grown old also.

So, today I created a simple bookmarklet that edits the current page's `sc_mode` on the query string.

Change to edit mode.

Drag [this link] to your bookmarks bar.

Here is the code:

    javascript:(function(){
        var q={},i,a=window.location.search.substr(1).split("&");
        for(i in a){
            q[a[i].split("=")[0]]=a[i].split("=")[1];
        }
        q['sc_mode']='edit';
        a=[];
        for(i in q){
            a[a.length]=i+'='+q[i];
        }
        window.location.search='?'+a.join('&');
    }());

One line:

    javascript:(function(){var q={},i,a=window.location.search.substr(1).split("&");for(i in a){q[a[i].split("=")[0]]=a[i].split("=")[1];}q['sc_mode']='edit';a=[];for(i in q){a[a.length]=i+'='+q[i];}window.location.search='?'+a.join('&');}());

Change to normal mode.

Drag [this link] to your bookmarks bar.

Here is the code:

    javascript:(function(){
        var q={},i,a=window.location.search.substr(1).split("&");
        for(i in a){
            q[a[i].split("=")[0]]=a[i].split("=")[1];
        }
        q['sc_mode']='normal';
        a=[];
        for(i in q){
            a[a.length]=i+'='+urlEncode(q[i]);
        }
        window.location.search='?'+a.join('&');
    }());

One line:

    javascript:(function(){var q={},i,a=window.location.search.substr(1).split("&");for(i in a){q[a[i].split("=")[0]]=a[i].split("=")[1];}q['sc_mode']='normal';a=[];for(i in q){a[a.length]=i+'='+q[i];}window.location.search='?'+a.join('&');}());

Alternate between edit and normal modes with one bookmarklet.

Drag [this link] to your bookmarks bar.

Here is the code:

    javascript:(function(){
        var q={},i,a=window.location.search.substr(1).split("&");
        for(i in a){
            q[a[i].split("=")[0]]=a[i].split("=")[1];
        }
        if(q['sc_mode']!=='edit'){
            q['sc_mode']='edit';
        }else{
            q['sc_mode']='normal';
        }
        a=[];
        for(i in q){
            a[a.length]=i+'='+urlEncode(q[i]);
        }
        window.location.search='?'+a.join('&');
    }());

One line:










Older Post Home