Klipse plugin for javascript

by viebel

HTML

<p>
  Read more about the klipse plugin:
  <a href="http://blog.klipse.tech/javascript/2016/06/20/blog-javascript.html">
A new way of blogging about javascript
</a>
</p>
<h1>
Hello World
</h1>
<div>
  <button id="btn0">
    Display result
  </button>
</div>
<div class="klipse">
  function foo(name) { return "Hello " + name; } foo("Klipse");
</div>


<h1>
map
</h1>
<div class="klipse">
  [1, 2, 3].map(function(x){ return x + 1; });
</div>

<link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/app.klipse.tech/css/codemirror.css">
<script>
  window.klipse_settings = {
    selector_eval_js: '.klipse', // css selector for the html elements you want to klipsify
  };

</script>
<script src="https://storage.googleapis.com/app.klipse.tech/plugin_prod/js/klipse_plugin.min.js?7.10.5"></script>

JavaScript

$('#btn0').click(
  () => alert(klipse_results[0].getValue())
);