File
Login or Register via GitHub
<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title></head><body> <article> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat felis at placerat euismod (<a class=fig-ref href="#fig-random">See figure</a>). Suspendisse ut dignissim libero. Vivamus sit amet nulla et nisi elementum pulvinar. <figure id="fig-random"><img src="http://lorempixel.com/150/100"><figcaption>A random image</figcaption></figure> <p>Pellentesque tristique, dolor non ullamcorper pharetra, erat purus luctus quam, quis commodo diam quam at nisi. Maecenas sodales malesuada tempor. Ut in consequat tortor. Praesent fermentum hendrerit orci eget egestas. Duis eget faucibus libero. Vivamus eget imperdiet erat (<a class=fig-ref href="#fig-other">See figure</a>). In hac habitasse platea dictumst. Nunc justo erat, cursus eu eleifend nec, mollis eu purus. <figure id="fig-other" ><img src="http://lorempixel.com/150/130"><figcaption>Another image</figcaption></figure><p>Vivamus at libero id velit dictum mattis ac et odio. Nullam felis tellus, ultricies nec nulla vitae, semper suscipit nisl? Nulla sed neque sit amet libero fermentum porta. Nam id est eu lorem viverra maximus id sed velit. Vivamus sed accumsan nisl, at rutrum sem. Nam in ultrices sem. Mauris vehicula risus leo, non feugiat felis volutpat sit amet. Nullam blandit risus quis ligula cursus, nec tristique purus lobortis. Praesent finibus est dignissim sem mattis scelerisque!</p> </body></html>
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. | |
public
0viewers