JSFiddle - React, Tailwind, and code Playground

by dandiebolt

HTML

<script src="https://www.quickbase.com/db/befe2yy7d?a=dbpage&amp;pagename=jschannel.js"></script>
<h1>Child</h1>
<img src="http://cnx.org/internal-banner.gif"><br/><br/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec posuere orci. Aenean ac dui neque. Cras id nulla eu purus lobortis gravida. Curabitur nulla odio, suscipit at laoreet at, venenatis tempus nisl. Pellentesque sodales rutrum nunc. Cras sit amet tortor turpis. Sed eros sem, commodo a facilisis ut, vulputate ut urna. Vestibulum facilisis consectetur est, ut molestie tellus sagittis ut. Praesent eu odio ut erat scelerisque blandit. Nulla facilisi. Nam nulla ligula, adipiscing nec pulvinar a, sagittis at dui. Aliquam nec est nec purus commodo consequat sed eget nisi.</p>

<p>Pellentesque ornare, neque vitae pharetra sodales, lectus purus euismod lectus, eget condimentum ligula nisi at ante. Vivamus volutpat vestibulum nisl vel commodo. Vivamus pulvinar condimentum pretium. Fusce sem ante, posuere id euismod sed, feugiat ac orci. Nunc vitae turpis quis orci suscipit pharetra. Duis eleifend suscipit porttitor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque et nulla leo, ac tincidunt elit. Aliquam pellentesque, leo et tempus semper, libero purus condimentum dolor, a laoreet erat odio sed augue. Sed magna quam, consequat a blandit et, malesuada sed arcu. Quisque ornare congue neque, vitae gravida odio sagittis sed. Cras sapien eros, lacinia eleifend euismod in, lobortis in nulla. Ut vitae nulla et massa vehicula aliquam nec eget nunc. Morbi vulputate vulputate diam, sit amet laoreet tellus porta vitae. Nunc non mattis felis. Pellentesque odio nulla, euismod sit amet bibendum id, bibendum eget arcu.</p>

JavaScript

var chan = Channel.build({window: window.parent, origin: "*", scope: "namespace"});

chan.bind("getHeight", function(trans, s) {
    return $("html").outerHeight()+50;
});