JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

<h1>Simply drag feature to Bookmarks:</h1>
<a href="javascript:var selection=document.getSelection();(function(text){var node=document.createElement('textarea');node.textContent=text;document.body.appendChild(node);selection.removeAllRanges();node.select();document.execCommand('copy');window.location.assign('https://www.google.de/search?query=' + escape(selection));selection.removeAllRanges();document.body.removeChild(node)})(selection);">Google Suche</a>

<a href="javascript:window.location.assign('http://dennishupp.de/_dh_tools/pxtoem/pxtoem.html#' + location.href)">PX↔EM</a>

<a href="javascript:window.open(window.location.origin+'/contao/main.php')">[C] Contao Backend</a>

<a href="javascript:window.print()">[P] Print</a>

<a href="javascript:window.open('view-source:' + location.href)">[Q] Quelltext</a>

<a href="javascript:var ta%3Ddocument.createElement(%27textarea%27)%3B var s%3Ddocument.createAttribute(%27style%27)%3B s.nodeValue%3D%27width:100%25%3Bheight:100em%3B%27%3B ta.setAttributeNode(s)%3B ta.appendChild(document.createTextNode(document.body.innerText))%3B document.body.appendChild(ta)%3B ta.focus()%3B for(var i%3D1%3Bi<%3Dta.value.length%3Bi%2B%2B)ta.setSelectionRange(i,i)%3B">[R] Rechtschreibung</a>

<a href="chrome://restart">[U] Update Chrome</a>

<a href="javascript:(function()%7Bvar validator%3D%27http://validator.w3.org/%27,direct_input%3D%5B%27localhost%27,%27127.0.0.1%27,%27::1%27%5D,direct_input_additional%3D%5B%5D%3Bdirect_input%3Ddirect_input.concat(direct_input_additional)%3Bif(window.location.protocol.indexOf(%27http%27)%3D%3D%3D0)%7Bif(direct_input.indexOf(window.location.hostname.toLowerCase())>%3D0)%7Bwindow.open(validator%2B%27%23validate_by_input%27)%7Delse%7Bwindow.open(validator%2B%27check%3Furi%3D%27%2BencodeURIComponent(window.location.href))%7D%7Delse%7Bwindow.open(validator)%7D%7D)()%3B">[V] Validate</a>

<a href="javascript:void function()%7Bvar...

CSS

body {
    font-family:Helvetica, Arial, sans-serif;
}
h1 {
    font-size:20px;
}
a {
    text-decoration:none;
    border:2px solid #000;
    margin:5px;
    padding:5px;
    border-radius:5px;
    float:left;
    color:#000;
    font-size:12px;
    cursor:move;
}

a:hover {
    border-color:#999;
}

JavaScript

//Bookmarklets

javascript:var selection=document.getSelection();(function(text){var node=document.createElement("textarea");node.textContent=text;document.body.appendChild(node);selection.removeAllRanges();node.select();document.execCommand("copy");window.location.assign('https://www.google.de/search?query=' + escape(selection));selection.removeAllRanges();document.body.removeChild(node)})(selection);

javascript:window.location.assign('http://dennishupp.de/_dh_tools/pxtoem/pxtoem.html#' + location.href)

javascript:window.open(window.location.origin+'/contao/main.php')

javascript:window.print()

javascript:window.open('view-source:' + location.href)

javascript:var ta%3Ddocument.createElement(%27textarea%27)%3B var s%3Ddocument.createAttribute(%27style%27)%3B s.nodeValue%3D%27width:100%25%3Bheight:100em%3B%27%3B ta.setAttributeNode(s)%3B ta.appendChild(document.createTextNode(document.body.innerText))%3B document.body.appendChild(ta)%3B ta.focus()%3B for(var i%3D1%3Bi<%3Dta.value.length%3Bi%2B%2B)ta.setSelectionRange(i,i)%3B

chrome://restart

javascript:(function()%7Bvar validator%3D%27http://validator.w3.org/%27,direct_input%3D%5B%27localhost%27,%27127.0.0.1%27,%27::1%27%5D,direct_input_additional%3D%5B%5D%3Bdirect_input%3Ddirect_input.concat(direct_input_additional)%3Bif(window.location.protocol.indexOf(%27http%27)%3D%3D%3D0)%7Bif(direct_input.indexOf(window.location.hostname.toLowerCase())>%3D0)%7Bwindow.open(validator%2B%27%23validate_by_input%27)%7Delse%7Bwindow.open(validator%2B%27check%3Furi%3D%27%2BencodeURIComponent(window.location.href))%7D%7Delse%7Bwindow.open(validator)%7D%7D)()%3B


javascript:void function()%7Bvar...