Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <link href='//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,900italic' rel='stylesheet' type='text/css'>
</head>
<body>
  <div class='container'>
    <h1>ImageCodr Cleanup Tool</h1>
    <p>For people who use ImageCodr to create the CC license attribution for embedding Flickr photos but who want valid HTML and centered attribution info. </p>
    <p>It's simple to use: go to <a href="https://www.imagecodr.org/?PHPSESSID=2cbe1a6df542a96b43d7fa04119f3974" target="_blank" title="ImageCodr homepage" class="textLink">ImageCodr</a> and copy the embed code, paste it into the red textarea below and click "Remove the junk!" The cleaned-up code will appear in the green textarea with a preview of your image and attribution below.</p>
  <form>
    <label>Pre-cleanup code:</label>
    <textarea id="theJunk" rows="5">Enter ImageCodr code here.</textarea><br>
    <button>Remove the junk!</button>
    <br>
    <label>Post-cleanup code:</label>
    <textarea id="theClean" rows='5'>Copy &amp; paste the cleaned up code from here.</textarea><br>
  </form><br>
    <div id="previewMsg"><span class="startMsg">[The output preview will show up here.]</span><span class="endMsg hidden">Preview</span></div>
    <div id="output"></div>
  <p class="right" xmlns:dct="https://purl.org/dc/terms/">
  <a rel="license"
     href="https://creativecommons.org/publicdomain/zero/1.0/">
    <img src="https://i.creativecommons.org/p/zero/1.0/80x15.png" style="border-style: none;" alt="CC0" />
  </a>
</p>
  </div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
millrt138pro
0viewers