Permalink
Browse files

examples

  • Loading branch information...
viebel committed Dec 21, 2017
1 parent 2181d21 commit 524f6c47be4127bbba2c382c6c33bc1e6c0212a6
Showing with 12 additions and 2 deletions.
  1. +1 −1 README.md
  2. +11 −1 docs/examples/styling-snippet.html
View
@@ -359,7 +359,7 @@ Each klipse snippet is associated with 4 HTML elements:
1. The klipse snippet itself: it has the class `klipse-snippet`.
2. The result: it has the class `klipse-result`.
3. A container: it has the class `klipse-container` and is accessible inside the klipse snippet through the global variable `window.klipse_container` (the global variavble is dynamically bound to the correct klipse container).
3. A container: it has the class `klipse-container` and is accessible inside the klipse snippet through the global variable `klipse_container` (the global variable is dynamically bound to the correct klipse container).
4. A separator: it has the class `klipse-separator`.
@@ -24,6 +24,16 @@
}
</style>
<h1> Intro </h1>
Each klipse snippet is associated with 4 HTML elements:
<ol>
<li>The klipse snippet itself: it has the class <code>klipse-snippet</code>.</li>
<li> The result: it has the class <code>klipse-result</code>.</li>
<li> A container: it has the class <code>klipse-container</code> and is accessible inside the klipse snippet through the global variable <code>klipse_container</code> (the global variable is dynamically bound to the correct klipse container).</li>
<li> A separator: it has the class <code>klipse-separator</code>. </li>
</ol>
<h1> Javascript </h1>
<pre><code class="js">
a = new Set();
@@ -33,7 +43,7 @@ <h1> Javascript </h1>
</code></pre>
<br/>
<div class="js">
klipse_container.innerHTML="<div style='background:yellow;'>hello</div>";
klipse_container.innerHTML="<div style='background:yellow;'>hello</div>";
2+1
</div>

0 comments on commit 524f6c4

Please sign in to comment.