Bookmarklets

Bookmarklets are browser bookmarks containing JavaScript code that adds new features or display options to a webpage. This page lists both bookmarklets that are specifically for the Habitica website and some that are for any website, but that might be useful to Habiticans.

To install one of the bookmarklets below, first create a new bookmark in your browser by using your browser's "new bookmark" feature or by bookmarking any webpage. Edit the bookmark to change its URL to contain nothing but the JavaScript command shown below. Change its name to any text that is meaningful to you. If you want easy access to it, put it in your bookmark toolbar.

To use the bookmarklet, click on it while you are viewing the appropriate website.

Hide System Messages in Party Chat[]

The bookmarklet hides the system messages from the party chat. As a result, only chat from your party's members will be visible, without needing an extra chat extension.

javascript:(function()%7Bjavascript%3A(function()%7Bdocument.querySelectorAll('div.card').forEach(function(el)%7BsubEl%3Del.querySelector('%3Ascope%20div.card-body')%3Bif(!subEl)%7Breturn%3B%7Dif(subEl.firstChild.tagName!%3D'A')%7Bel.style.display%3D%22none%22%3B%7D%3B%7D)%7D)()%7D)()

To show the system messages again, use the following:

javascript:(function()%7Bjavascript%3A(function()%7Bdocument.querySelectorAll('div.card').forEach(function(el)%7BsubEl%3Del.querySelector('%3Ascope%20div.card-body')%3Bif(!subEl)%7Breturn%3B%7Dif(subEl.firstChild.tagName!%3D'A')%7Bel.style.display%3D%22block%22%3B%7D%3B%7D)%7D)()%7D)()

Hide Header[]

This bookmarklet will hide the header at the top of the page containing your avatar and your party members' avatars (if you are currently in a party). This may be useful, for example, if you use Habitica at work and do not like how it looks like a game.

javascript:(function()%7Bjavascript%3A%20(function()%20%7Bjavascript%3A%20(function()%20%7Bdocument.getElementById('app-header').style.display%20%3D%20%22none%22%3Bdocument.getElementsByClassName('create-task-area')%5B0%5D.style.top%20%3D%200%3B%7D)()%7D)()%7D)()

Make Markdown Link to Wiki Page[]

This bookmarklet can be used on any webpage (not just a Habitica page) to create a link to that page in Markdown format. Such links are suitable for pasting into any chat or into your tasks.

javascript:prompt('Markdown link for this page:','['+document.title.replace(' - Habitica Wiki - Wikia','')+']('+document.location.href+')')

Make Markdown Link to Image[]

This bookmarklet should prompt you for the URL of the image you want to insert. If you leave the field blank and click "OK," the bookmarklet will use the URL of the current page as the image URL. (If you have a page open in your browser showing only your image. The the URL of the page should end in an image extension, i.e. ".jpg"). If you enter a different URL and click "OK," the bookmarklet will use that URL instead. Once you've entered the URL (or left it blank), another prompt will appear with the markdown code for the image link. You can then copy this code and use it to insert the image into your markdown content for tasks, task checklists, task notes, party, etc.

javascript:(function(){var imageUrl = prompt('Enter the URL of the image (or leave blank for current page):', location.href); if(imageUrl) { var markdownLink = '![' + document.title + '](' + imageUrl + ')'; prompt('Markdown link for this image:', markdownLink); }})();

Show All Notifications[]

This software stopped working after 28 September 2017 when the website underwent a redesign.

Information about the change can be found at Habitica Redesign Fact Sheet

This bookmarklet will display all of the task-related notifications that appeared since you last reloaded the Habitica website.

javascript:$(".ui-pnotify-history-all")[0].click()

Show Last Notification[]