JSFiddle - React, Tailwind, and code Playground

by BorisMoore

HTML

<html>
<head>
	<script src="//code.jquery.com/jquery-1.12.4.js"></script>
	<script src="https://www.jsviews.com/download/jsrender.js"></script>
</head>
<body>
	<style>
		.foo { color: blue; }
	</style>

	<script id="myTmpl" type="text/x-jsrender">
{{if traits.admin}}
  <div>ADMIN</div>
{{else traits.editor}}
  <divditor">EDITOR</div>
{{else traits.writer}}
  <div>WRITER</div>
{{/if}}


{{if traits.admin}}
  <div>ADMIN2</div>
{{/if}}
{{if traits.editor}}
  <div>EDITOR2</div>
{{/if}}
{{if traits.writer}}
  <div>WRITER2</div>
{{/if}}
	</script>

	<div id="page"></div>

	<script>
	
		var myTmpl = $.templates("#myTmpl"),
			data = { "traits": {
  "admin": false,
  "editor":true,
  "writer": true
}
 },
			html = myTmpl(data);
		$("#page").html(html);
	</script>

</body>
</html>