<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<!---->
<div class="wrapper clearfix">
<div class="black-block-wrapper">
<div class="black-block">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem totam sapiente repellendus tempora enim harum aliquam praesentium nostrum minus sed esse alias ipsam quia accusantium quam possimus illo repellat iusto.
</div>
<div class="black-block">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto rem voluptates repellat culpa corrupti voluptatem omnis pariatur voluptatibus dolore dolorum temporibus expedita eius perspiciatis eaque quod explicabo officia vel maiores necessitatibus vitae. Eius est natus reiciendis aliquam quisquam hic cum eligendi harum quos molestiae praesentium esse nostrum eveniet mollitia reprehenderit ut accusamus? Dolore ut error asperiores quae vitae tempore ab soluta necessitatibus blanditiis recusandae possimus saepe molestiae quam hic nisi voluptate vero ducimus accusantium nemo a sequi eaque cum minima illo et dicta laborum maiores non accusamus velit harum ad cupiditate in odit corrupti repudiandae earum odio nobis excepturi amet?
</div>
<div class="black-block">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores rem inventore officia perspiciatis necessitatibus cum accusamus deleniti deserunt! Officiis aperiam atque cum voluptate saepe neque voluptatum quibusdam numquam corrupti eos doloribus enim impedit autem provident nam asperiores cupiditate rem reiciendis vel facere excepturi quam repellat minus dicta corporis consequatur odit.
</div>
</div>
<div class="red-block">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem excepturi debitis similique porro perspiciatis quidem. Quasi cupiditate fugi
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem excepturi debitis similique porro perspiciatis quidem. Quasi cupiditate fugi
orem ipsum dolor sit amet, consectetur
ТЕКСТ КОТОÐЫЙ СКÐЫВÐЕТСЯ ВОЛШЕБÐЫМ ОБÐÐЗОМ
</div>
</div>
<div class="footer">
</div>
</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. |