JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<script src="http://www.polymer-project.org/polymer.min.js"></script>

JavaScript

var fragment = document.createElement("span");
fragment.innerHTML=atob("PHBvbHltZXItZWxlbWVudCBuYW1lPSJ4LXBsYWNlaG9sZGVyIiBhdHRyaWJ1dGVzPSJ3aWR0aCBoZWlnaHQgdGV4dCI+CiAgICA8dGVtcGxhdGUgaWQ9IngtdGVtcGxhdGUteC1wbGFjZWhvbGRlciI+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICBAaG9zdCB7CiAgICAgICAgICAgICAgeC1wbGFjZWhvbGRlciB7CiAgICAgICAgICAgICAgICBjb2xvcjogd2hpdGU7CiAgICAgICAgICAgICAgICBmb250LWZhbWlseTogJ1RyZWJ1Y2hldCBNUycsIFRhaG9tYTsKICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6YmxhY2s7CiAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgICAgICAgICB3aWR0aDoge3t3aWR0aH19cHg7CiAgICAgICAgICAgICAgICBoZWlnaHQ6IHt7aGVpZ2h0fX1weDsKICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0Ont7aGVpZ2h0fX1weDsKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgLmNlbnRlciB7CiAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOmNlbnRlcjsKICAgICAgICAgICAgICAgIHdpZHRoOjEwMCU7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgICAgIDxkaXYgY2xhc3M9ImNlbnRlciI+e3t0ZXh0fX08L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgICA8c2NyaXB0PgoKICAgIGNvbnNvbGUubG9nKCcgcGxhY2Vob2xkZXIgJykKICAgIFBvbHltZXIoJ3gtcGxhY2Vob2xkZXInLCB7CiAgICAgICAgcmVhZHk6IGZ1bmN0aW9uKCl7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKCcgcGxhY2Vob2xkZXIgcmVhZHkgJykKICAgICAgICB9CiAgICB9KQo8L3NjcmlwdD4KCjwvcG9seW1lci1lbGVtZW50Pg==");
document.body.appendChild(fragment.firstChild);


var placeholder = document.createElement('x-placeholder')
placeholder.setAttribute('width', 300);
placeholder.setAttribute('height', 300);
placeholder.setAttribute('text', 'foo');
document.body.appendChild(placeholder);