1

About:

Webmotes is a JavaScript script for use in Tampermonkey (and Greasemonkey) that allows you to replace a string like [facebook] into a Webmote.

If you have Webmotes enabled, [itworks] will appear as a Webmote.

You can input a Webmote as regular text on in code formatting, although the latter is preferred so people without Webmotes installed see the text in the code format.

What makes Webmotes good for Stack Exchange is the new link functionality in 1.05. New Webmotes are being added with every update that are able to link to places like Stack Overflow (with [stackoverflow])

Here are some more Webmotes: [askubuntu], [google], [googlemaps]

Screenshots:

Here is the link functionality from 1.05 in action:

Link functionality GIF

Installation:

Tampermonkey

You can then test Webmotes by checking the About section or going here.

Platform:

This userscript works on anything that can run Tampermonkey or Greasemonkey, which are supported on:

  • Google Chrome
  • Google Chrome Canary
  • Chromium
  • Safari
  • Firefox

Contact:

You can find me on GitHub under the name IAP-Reloaded.

License:

This userscript is 100% free, and is released

Code:

This is written in jQuery and originally made for Tampermonkey and Greasemonkey, although it will be ported to a Chrome extension in the near future™.

You can download the code from its GitHub repository. You can also contribute, fork, and report bugs at the same place.

Here are some known bugs:

  • Editing while Webmotes is enabled breaks the Webmote formatting
  • You cannot create a question with Webmotes enabled
  • 1
    @BrockAdams I must've not put the Stack navigation feature into this. I've updated it and it works again. – haykam Jul 10 '16 at 18:34
  • @BrockAdams The update was just released on GitHub. I'm using TextEdit for this, so I have to manually reupload the file every time I add a feature. I also have to upload the [stackoverflow] icon. – haykam Jul 10 '16 at 18:42
  • I've also uploaded a GIF of that feature in action. – haykam Jul 10 '16 at 18:52
  • Two final notes from me: 1) You still need to use @grant, but not none, to avoid jQuery conflicts. Use @grant GM_addStyle, for example. ... 2) Using code like .html(function(... that way will break many more webpages (trash event handlers and sometimes links and objects too). You need to use something like a treewalker to act only on text nodes and append images and optional links. – Brock Adams Jul 10 '16 at 18:59
  • Let us continue this discussion in chat. – haykam Jul 10 '16 at 19:05

You must log in to answer this question.

Browse other questions tagged .