Skip to content

Instantly share code, notes, and snippets.

@jakeonrails
Created January 29, 2013 18:08
Show Gist options
  • Save jakeonrails/4666256 to your computer and use it in GitHub Desktop.
Save jakeonrails/4666256 to your computer and use it in GitHub Desktop.
This bookmarklet gives you a code editor in your browser with a single click.
data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</script>
@rafaelcgo
Copy link

man, this is sick! Amazing

@PeterRao
Copy link

so cool

@PeterRao
Copy link

so cool

@jesuscast
Copy link

You're Amazing dude

@dlio
Copy link

dlio commented Jun 22, 2014

Is it possible to set this as the new tab page default in chrome?
I've tried a few workarounds to no avail.
Awesome project -- thanks for sharing.

@g8d3
Copy link

g8d3 commented Feb 10, 2015

It saves the file with weird characters, I am in Chrome.

@whzecomjm
Copy link

👍Amazing! Works on Chrome 42.

@gopalindians
Copy link

Great!

@NicholasGraf
Copy link

NicholasGraf commented Mar 24, 2017

Try this: http://listpl.us

@ryanlid
Copy link

ryanlid commented Apr 27, 2017

👍 Cool~

@reatang
Copy link

reatang commented May 13, 2017

http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js is 404

http://ajaxorg.github.io/ace-builds/src-noconflict/ace.js it work

data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://ajaxorg.github.io/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</script>

@nobody5050
Copy link

does not work on mobile safari, typing doesn’t show up

@DeeprajPandey
Copy link

ace.js has moved. Check the CDN Library Page to get the cdn link for the latest Ace version whenever you are using this.

Here's the CDN link to ace 1.4.12: https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js.
Code snippet with the updated link:

data:text/html, <style type="text/css">.e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div class="e" id="editor"></div><script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("editor");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment