<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<!-- google-code-prettify for STYLE -->
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
<script src="https://cdn.jsdelivr.net/gh/kirbysayshi/ghembedder@master/dist/ghembedder.min.js" type="text/javascript"></script>
<div
data-ghuserrepo="cnagel/spring-scalate"
data-ghpath="pom.xml"></div>
</body>
</html>
.ghe {}
.ghe .ghe-annotation { padding: 5px; font-family: Helvetical, Arial, sans; font-size: 10pt; background-color: #ccc; }
.ghe .prettyprint { padding: 5px; border: none; }
/* GitHub Theme */
/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
/* plain text */
.pln {
color: #333333; }
@media screen {
/* string content */
.str {
color: #dd1144; }
/* a keyword */
.kwd {
color: #333333; }
/* a comment */
.com {
color: #999988; }
/* a type name */
.typ {
color: #445588; }
/* a literal value */
.lit {
color: #445588; }
/* punctuation */
.pun {
color: #333333; }
/* lisp open bracket */
.opn {
color: #333333; }
/* lisp close bracket */
.clo {
color: #333333; }
/* a markup tag name */
.tag {
color: navy; }
/* a markup attribute name */
.atn {
color: teal; }
/* a markup attribute value */
.atv {
color: #dd1144; }
/* a declaration */
.dec {
color: #333333; }
/* a variable name */
.var {
color: teal; }
/* a function name */
.fun {
color: #990000; } }
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
.str {
color: #060; }
.kwd {
color: #006;
font-weight: bold; }
.com {
color: #600;
font-style: italic; }
.typ {
color: #404;
font-weight: bold; }
.lit {
color: #044; }
.pun, .opn, .clo {
color: #440; }
.tag {
color: #006;
font-weight: bold; }
.atn {
color: #404; }
.atv {
color: #060; } }
/* Style */
pre.prettyprint {
background: white;
font-family: Menlo, Monaco, Consolas, monospace;
font-size: 12px;
line-height: 1.5;
border: 1px solid #ccc;
padding: 10px; }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin-top: 0;
margin-bottom: 0; }
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
/* */ }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
/* */ }
// this must be run within DOMReady!
ghembedder.autoload();
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |