ACE editor for editing your gists

100%

ACE editor for editing your gists

✓ Published0🌍 Public

Last edited Jul 18, 2012

Created on Nov 15, 2011

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist ac3b3d8bc1faa1422b4260218a23d444

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.

Aandybak

62% 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

57% match

Loading thumbnail…

Here are some things you can do with Gists in GistBox.

This example showcases the versatility of Gists as a code-storage and note-taking tool, presenting a mix of JavaScript, Ruby, and Markdown files. It first demonstrates reusable JavaScript for console logging, then a Ruby quicksort algorithm class, and finally Markdown documents for project documentation and a cheesecake recipe. The visualization highlights how code snippets and text can be organized together, with the recipe including an image and ingredient lists. The implementation relies on plain text files and code blocks, with no external libraries like d3 or Three.js; instead, it focuses on the raw content structure of Gists, sourced from GitHub’s gist system.

AAntonLecock

56% match

Loading thumbnail…

Showing how much better Gists look than Medium code blocks.

This example highlights the visual superiority of GitHub Gists over Medium’s code blocks by presenting a shell script that conditionally runs Behat tests. The code checks whether a Travis CI push event or a JavaScript commit triggers the test suite, using environment variables and the Behat testing framework. The gist’s clean syntax highlighting and line numbering make the conditional logic immediately readable, whereas Medium’s plain styling obscures the script’s flow. It demonstrates how gist embeds preserve code clarity for technical audiences.

Aalexfinnarn

55% 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

55% match

Loading thumbnail…

Here are some things you can do with Gists in GistBox.

This example demonstrates how GistBox organizes code snippets for reuse, showcasing JavaScript, Ruby, and Markdown files within a single gist. The JavaScript file logs the `window` object, the Ruby file implements a quicksort algorithm, and two Markdown files store documentation and a recipe with inline images. The visualization relies on GitHub’s gist API and the GistBox interface to present these files as a cohesive, navigable collection, highlighting the platform’s utility for storing functions, notes, and reference material.

Aantichaos

55% 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

55% match

Loading thumbnail…

Here are some things you can do with Gists in GistBox.

GistBox demonstrates how Gists can organize reusable code, documentation, and personal content through a collection of annotated files. The example includes a JavaScript snippet logging the `window` object, a Ruby QuickSort implementation, a Markdown guide for keyboard shortcuts, and a cheesecake recipe. Each file uses plain-text formats or language-specific syntax, with Markdown structuring the documentation and recipe. No external libraries or APIs are involved; the visualization relies solely on the hierarchical display of Gist files and their metadata, sourced directly from GitHub’s Gist system.

JJaxonDvl

55% match