Gist ac3b3d8bc1faa1422b4260218a23d444

100%

Gist ac3b3d8bc1faa1422b4260218a23d444

✓ Published0🌍 Public

Last edited Apr 23, 2026

Created on Feb 15, 2022

A userscript injects a persistent "EDIT" link into Gitbook documentation pages. The script uses the Tampermonkey API via a `@match` directive and runs on `docs.openbrush.app`. It appends a fixed-position anchor element to the document body with `appendChild`, styling it through inline CSS properties. The link’s `href` updates on mouseover by replacing the current URL’s path with an equivalent Gitbook editor address, using `document.location.href` and string concatenation. The code relies on `setTimeout` to delay injection by one second, ensuring the page has loaded before modification.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 3a03bac4ed27ab3c1ca3d87cc21fcd9d

This userscript adds a fixed "EDIT" link to the top-right corner of GitBook documentation pages for two specific sites: OpenBlocks and OpenBrush. The script determines which documentation site is currently open by checking the URL, then constructs the corresponding GitBook editing URL by replacing the documentation domain prefix with the appropriate GitBook organization and space path. It uses the Tampermonkey API and plain DOM manipulation to create the anchor element, set its styles, and update the link dynamically on mouse movement.

Aandybak

88% match

Loading thumbnail…

Gist b995be5f5dd35af1b422

This example demonstrates a bookmarklet that appends a user-defined string to the end of the current URL. It shows the effect of redirecting the browser to the modified address when activated from a bookmark. The code uses the native `window.location.href` property in JavaScript to read and update the URL, with a placeholder string that the user replaces before saving the bookmark. The rendering approach is purely browser-based navigation, with no external libraries or data sources involved.

Aac1714

62% match

Loading thumbnail…

ACE editor for editing your gists

This userscript replaces GitHub Gist textareas with the ACE editor, preserving the original hidden textarea for form submission. It loads ACE, jQuery, and the Twilight theme via the LABjs script loader, then injects a sized container after each textarea and hides the native field. The editor synchronizes its content back to the textarea on every change, and detects the file extension from the gist’s filename input to dynamically load and apply the matching syntax mode (JavaScript, CoffeeScript, HTML, or CSS) via `ace.edit`, `session.setMode`, and `require`. Data comes from the gist’s own textarea values and filenames.

Aabernier

62% match

Loading thumbnail…

Gist 7f5cc15d0eae9281c33b735420ae8ee0

This example transforms a PmWiki source page into a searchable interface for code snippets. It fetches the page’s source via the `fetch` API, splits it into lines, and tokenizes text wrapped in `@@` delimiters. Each snippet becomes a clickable link that queries GitHub’s gist search for matches by the user “Utopiah”. The script uses `document.querySelectorAll` to locate existing `<code>` elements in the page and replaces their content with the generated anchor tags, while logging any unmatched snippets. It relies on vanilla DOM manipulation and URL construction, with no external visualization libraries.

UUtopiah

60% match

Loading thumbnail…

[building-blocks](http://github.com/enjalot/building-blocks)

A bookmarklet that redirects any bl.ocks.org or gist.github.com URL to the corresponding page on blockbuilder.org. The page displays a draggable link, which users add to their bookmark bar. It uses JavaScript string replacement via `window.location` and `String.replace` to rewrite the URL, requiring no external libraries beyond the included D3 3.5.5 script, though the code does not rely on D3 for its core functionality.

KKerchoo

59% match

Loading thumbnail…

D3 Bookmarklet

This example demonstrates a bookmarklet that injects D3.js into any webpage by appending a dynamically created script element to the document head. The code specifically loads D3 version 3 from the d3js.org CDN using the `document.createElement` and `document.head.appendChild` APIs. It shows how to enable D3 functionality on pages that do not already have it, making the library available for future interactions. The bookmarklet relies solely on this script injection mechanism, with no additional data or visualization logic included.

Mmbostock

59% match

Loading thumbnail…

Clone gist in Desktop

This userscript adds a “Clone in Desktop” button to individual gist pages on GitHub. It targets the existing download button’s list item and duplicates it, then rewrites the anchor’s `href` to use the `github-mac://openRepo/` protocol with the repository URL taken from the page’s hidden `url-field` input. The script also swaps the button’s label and icon classes (`octicon-cloud-download` to `octicon-device-desktop`) and inserts the new element before the original. It relies on plain DOM manipulation via `querySelector`, `createElement`, and `innerHTML`, with no external libraries.

Aabernier

59% match

Loading thumbnail…

Gist 2f2e6351aa30422d52d9

A GitHub Gist documents notes from a front-end development workshop, presenting markdown-formatted text alongside links and embedded images. The page renders the raw markdown content, including headings, hyperlinks, and a Flickr-hosted sketch photo. No interactive visualization or charting library is used; the display relies on standard HTML and markdown rendering through GitHub’s interface. The data source is the gist’s own text file, which is displayed directly as a static document rather than processed through any data-visualization API.

Aalessioalex

58% match