Toggle CQ Author and Preview Bookmarklet

By Daniel Klco Daniel Klco on 
This was also posted on: http://labs.sixdimensions.com/blog/dklco/2012-08-15/toggle-cq-author-and-preview-bookmarket, however 6D Global Technologies decided to remove my authoring credit which seems unethical.

When using Adobe CQ5, you often want to be able to switch between author and preview mode. Unfortunately, the preview included in the Sidekick does not provide a complete preview as it does not remove the Sidekick or the Content Finder.

I created a bookmarklet which will switch the page between authoring mode and a preview where the Sidekick and Content Finder are removed and the WCMMode is set to disabled. This bookmarklet preserves query string and hash values. It has been tested in CQ 5.5 and works in FireFox and Chome. It does not work in Internet Explorer.

Adding the Bookmarklet

Follow these procedures to add the bookmarklet depending on your current browser. The bookmarklet is most useful when placed in your bookmark toolbar for quick access.

In FireFox

Right click on the link below and select Bookmark This Link to add the bookmarklet.

In Chrome

Right click on the link below and select Copy link address. Next, right click on your bookmark toolbar and select Add Pageā€¦, paste in the url you copied and set the name to CQ Toggle or whatever makes sense for you.

Toggle CQ

Below is the JavaScript code used by the bookmarklet to determine the correct URL to load based on whether or not the content finder is currently enabled and the presence or absence of the wcmmode=disabled query string parameter. Please comment on this article if you have any request, find any bugs, etc.

(function(){
  var DISABLED = 'wcmmode=disabled';
  var CONTENT_FINDER = '/cf';
  // Creates the path by combining the path and query string parameters
  var createURL = function(path, qs, hash) {
	var url = path;
	if(qs.length != 0 && !(qs.length == 1 && qs[0] == '')) {
	  url += '?' + qs.join('&');
	}
	url += hash;
	return url;
   };
   var hash = '';
   var parameters = [];
   if (window.location.search.substring(1) != '') {
	 parameters = window.location.search.substring(1).split('&');
  }
  var path = '';
  if (window.location.pathname != CONTENT_FINDER) {
	// We are not in author mode
	path = CONTENT_FINDER + '#' + window.location.pathname;
	if(parameters.indexOf(DISABLED) != -1){
	  // remove the wcmmode disabled parameter
	  parameters.pop(DISABLED);
	}
	hash = window.location.hash;
  } else {
	// this page is in author mode, get the URL info from the frame
	path = window.frames[1].location.pathname;
	if(window.frames[1].location.search.substring(1) != '') {
	  parameters = window.frames[1].location.search.substring(1).split('&');
	}
	if(parameters.indexOf(DISABLED) == -1){
	  // add the disabled parameter
	  parameters.push(DISABLED);
	}
	hash = window.frames[1].location.hash;
  }
  var url = createURL(path, parameters, hash);
  window.location = url;
});

Tags

Adobe CQ  

comments powered by Disqus