You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by zj...@apache.org on 2019/09/29 07:49:18 UTC

svn commit: r1867697 [7/7] - in /zeppelin/site/docs/0.8.2: ./ development/ development/contribution/ development/helium/ interpreter/ quickstart/ setup/basics/ setup/deployment/ setup/operation/ setup/security/ setup/storage/ usage/display_system/ usag...

Modified: zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html (original)
+++ zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html Sun Sep 29 07:49:17 2019
@@ -334,16 +334,18 @@ You can control this by unchecking the b
     <div data-lang="scala" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="o">%</span><span class="n">spark</span>
-<span class="n">println</span><span class="o">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="o">(</span><span class="s">&quot;name&quot;</span><span class="o">))</span></code></pre></figure>
+<div class="highlight"><pre><code class="scala"><span class="o">%</span><span class="n">spark</span>
+<span class="n">println</span><span class="o">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="o">(</span><span class="s">&quot;name&quot;</span><span class="o">))</span>
+</code></pre></div>
 
 
     </div>
     <div data-lang="python" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">pyspark</span>
-<span class="k">print</span><span class="p">(</span><span class="s2">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="p">(</span><span class="s2">&quot;name&quot;</span><span class="p">))</span></code></pre></figure>
+<div class="highlight"><pre><code class="python"><span class="o">%</span><span class="n">pyspark</span>
+<span class="k">print</span><span class="p">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="p">(</span><span class="s">&quot;name&quot;</span><span class="p">))</span>
+</code></pre></div>
 
 
     </div>
@@ -357,16 +359,18 @@ You can control this by unchecking the b
     <div data-lang="scala" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="o">%</span><span class="n">spark</span>
-<span class="n">println</span><span class="o">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="o">(</span><span class="s">&quot;name&quot;</span><span class="o">,</span> <span class="s">&quot;sun&quot;</span><span class="o">))</span> </code></pre></figure>
+<div class="highlight"><pre><code class="scala"><span class="o">%</span><span class="n">spark</span>
+<span class="n">println</span><span class="o">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="o">(</span><span class="s">&quot;name&quot;</span><span class="o">,</span> <span class="s">&quot;sun&quot;</span><span class="o">))</span> 
+</code></pre></div>
 
 
     </div>
     <div data-lang="python" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">pyspark</span>
-<span class="k">print</span><span class="p">(</span><span class="s2">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="p">(</span><span class="s2">&quot;name&quot;</span><span class="p">,</span> <span class="s2">&quot;sun&quot;</span><span class="p">))</span></code></pre></figure>
+<div class="highlight"><pre><code class="python"><span class="o">%</span><span class="n">pyspark</span>
+<span class="k">print</span><span class="p">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">textbox</span><span class="p">(</span><span class="s">&quot;name&quot;</span><span class="p">,</span> <span class="s">&quot;sun&quot;</span><span class="p">))</span>
+</code></pre></div>
 
 
     </div>
@@ -380,28 +384,30 @@ You can control this by unchecking the b
     <div data-lang="scala" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="o">%</span><span class="n">spark</span>
+<div class="highlight"><pre><code class="scala"><span class="o">%</span><span class="n">spark</span>
 <span class="n">println</span><span class="o">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="o">(</span><span class="s">&quot;day&quot;</span><span class="o">,</span> <span class="nc">Seq</span><span class="o">((</span><span class="s">&quot;1&quot;</span><span class="o">,</span><span class="s">&quot;mon&quot;</span><span class="o">),</span>
                                     <span class="o">(</span><span class="s">&quot;2&quot;</span><span class="o">,</span><span class="s">&quot;tue&quot;</span><span class="o">),</span>
                                     <span class="o">(</span><span class="s">&quot;3&quot;</span><span class="o">,</span><span class="s">&quot;wed&quot;</span><span class="o">),</span>
                                     <span class="o">(</span><span class="s">&quot;4&quot;</span><span class="o">,</span><span class="s">&quot;thurs&quot;</span><span class="o">),</span>
                                     <span class="o">(</span><span class="s">&quot;5&quot;</span><span class="o">,</span><span class="s">&quot;fri&quot;</span><span class="o">),</span>
                                     <span class="o">(</span><span class="s">&quot;6&quot;</span><span class="o">,</span><span class="s">&quot;sat&quot;</span><span class="o">),</span>
-                                    <span class="o">(</span><span class="s">&quot;7&quot;</span><span class="o">,</span><span class="s">&quot;sun&quot;</span><span class="o">))))</span></code></pre></figure>
+                                    <span class="o">(</span><span class="s">&quot;7&quot;</span><span class="o">,</span><span class="s">&quot;sun&quot;</span><span class="o">))))</span>
+</code></pre></div>
 
 
     </div>
     <div data-lang="python" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">pyspark</span>
-<span class="k">print</span><span class="p">(</span><span class="s2">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s2">&quot;day&quot;</span><span class="p">,</span> <span class="p">[(</span><span class="s2">&quot;1&quot;</span><span class="p">,</span><span class="s2">&quot;mon&quot;</span><span class="p">),</span>
-                                <span class="p">(</span><span class="s2">&quot;2&quot;</span><span class="p">,</span><span class="s2">&quot;tue&quot;</span><span class="p">),</span>
-                                <span class="p">(</span><span class="s2">&quot;3&quot;</span><span class="p">,</span><span class="s2">&quot;wed&quot;</span><span class="p">),</span>
-                                <span class="p">(</span><span class="s2">&quot;4&quot;</span><span class="p">,</span><span class="s2">&quot;thurs&quot;</span><span class="p">),</span>
-                                <span class="p">(</span><span class="s2">&quot;5&quot;</span><span class="p">,</span><span class="s2">&quot;fri&quot;</span><span class="p">),</span>
-                                <span class="p">(</span><span class="s2">&quot;6&quot;</span><span class="p">,</span><span class="s2">&quot;sat&quot;</span><span class="p">),</span>
-                                <span class="p">(</span><span class="s2">&quot;7&quot;</span><span class="p">,</span><span class="s2">&quot;sun&quot;</span><span class="p">)]))</span></code></pre></figure>
+<div class="highlight"><pre><code class="python"><span class="o">%</span><span class="n">pyspark</span>
+<span class="k">print</span><span class="p">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s">&quot;day&quot;</span><span class="p">,</span> <span class="p">[(</span><span class="s">&quot;1&quot;</span><span class="p">,</span><span class="s">&quot;mon&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span class="s">&quot;2&quot;</span><span class="p">,</span><span class="s">&quot;tue&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span class="s">&quot;3&quot;</span><span class="p">,</span><span class="s">&quot;wed&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span class="s">&quot;4&quot;</span><span class="p">,</span><span class="s">&quot;thurs&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span class="s">&quot;5&quot;</span><span class="p">,</span><span class="s">&quot;fri&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span class="s">&quot;6&quot;</span><span class="p">,</span><span class="s">&quot;sat&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span class="s">&quot;7&quot;</span><span class="p">,</span><span class="s">&quot;sun&quot;</span><span class="p">)]))</span>
+</code></pre></div>
 
 
     </div>
@@ -415,18 +421,20 @@ You can control this by unchecking the b
     <div data-lang="scala" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="o">%</span><span class="n">spark</span>
+<div class="highlight"><pre><code class="scala"><span class="o">%</span><span class="n">spark</span>
 <span class="k">val</span> <span class="n">options</span> <span class="k">=</span> <span class="nc">Seq</span><span class="o">((</span><span class="s">&quot;apple&quot;</span><span class="o">,</span><span class="s">&quot;Apple&quot;</span><span class="o">),</span> <span class="o">(</span><span class="s">&quot;banana&quot;</span><span class="o">,</span><span class="s">&quot;Banana&quot;</span><span class="o">),</span> <span class="o">(</span><span class="s">&quot;orange&quot;</span><span class="o">,</span><span class="s">&quot;Orange&quot;</span><span class="o">))</span>
-<span class="n">println</span><span class="o">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">checkbox</span><span class="o">(</span><span class="s">&quot;fruit&quot;</span><span class="o">,</span> <span class="n">options</span><span class="o">).</span><span class="n">mkString</span><span class="o">(</span><span class="s">&quot; and &quot;</span><span class="o">))</span></code></pre></figure>
+<span class="n">println</span><span class="o">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span><span class="n">z</span><span class="o">.</span><span class="n">checkbox</span><span class="o">(</span><span class="s">&quot;fruit&quot;</span><span class="o">,</span> <span class="n">options</span><span class="o">).</span><span class="n">mkString</span><span class="o">(</span><span class="s">&quot; and &quot;</span><span class="o">))</span>
+</code></pre></div>
 
 
     </div>
     <div data-lang="python" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">pyspark</span>
-<span class="n">options</span> <span class="o">=</span> <span class="p">[(</span><span class="s2">&quot;apple&quot;</span><span class="p">,</span><span class="s2">&quot;Apple&quot;</span><span class="p">),</span> <span class="p">(</span><span class="s2">&quot;banana&quot;</span><span class="p">,</span><span class="s2">&quot;Banana&quot;</span><span class="p">),</span> <span class="p">(</span><span class="s2">&quot;orange&quot;</span><span class="p">,</span><span class="s2">&quot;Orange&quot;</span><span class="p">)]</span>
-<span class="k">print</span><span class="p">(</span><span class="s2">&quot;Hello &quot;</span><span class="o">+</span> <span class="s2">&quot; and &quot;</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">z</span><span class="o">.</span><span class="n">checkbox</span><span class="p">(</span><span class="s2">&quot;fruit&quot;</span><span class="p">,</span> <span class="n">options</span><span class="p">,</span> <span class="p">[</span><span class="s2">&quot;apple&quot;</span><span class="p">])))</span></code></pre></figure>
+<div class="highlight"><pre><code class="python"><span class="o">%</span><span class="n">pyspark</span>
+<span class="n">options</span> <span class="o">=</span> <span class="p">[(</span><span class="s">&quot;apple&quot;</span><span class="p">,</span><span class="s">&quot;Apple&quot;</span><span class="p">),</span> <span class="p">(</span><span class="s">&quot;banana&quot;</span><span class="p">,</span><span class="s">&quot;Banana&quot;</span><span class="p">),</span> <span class="p">(</span><span class="s">&quot;orange&quot;</span><span class="p">,</span><span class="s">&quot;Orange&quot;</span><span class="p">)]</span>
+<span class="k">print</span><span class="p">(</span><span class="s">&quot;Hello &quot;</span><span class="o">+</span> <span class="s">&quot; and &quot;</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">z</span><span class="o">.</span><span class="n">checkbox</span><span class="p">(</span><span class="s">&quot;fruit&quot;</span><span class="p">,</span> <span class="n">options</span><span class="p">,</span> <span class="p">[</span><span class="s">&quot;apple&quot;</span><span class="p">])))</span>
+</code></pre></div>
 
 
     </div>

Modified: zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html (original)
+++ zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html Sun Sep 29 07:49:17 2019
@@ -269,7 +269,8 @@ limitations under the License.
 <li>Automatically add libraries to SparkCluster</li>
 </ul>
 
-<p><hr>
+<hr>
+
 <div class="row">
   <div class="col-md-6">
     <a data-lightbox="compiler" href="/docs/0.8.2/assets/themes/zeppelin/img/docs-img/interpreter-dependency-loading.png">
@@ -280,15 +281,17 @@ limitations under the License.
     <b> Load Dependencies to Interpreter </b>
     <br /><br />
     <ol>
-      <li> Click &#39;Interpreter&#39; menu in navigation bar. </li>
-      <li> Click &#39;edit&#39; button of the interpreter which you want to load dependencies to. </li>
+      <li> Click 'Interpreter' menu in navigation bar. </li>
+      <li> Click 'edit' button of the interpreter which you want to load dependencies to. </li>
       <li> Fill artifact and exclude field to your needs.
            You can enter not only groupId:artifactId:version but also local file in artifact field. </li>
-      <li> Press &#39;Save&#39; to restart the interpreter with loaded libraries. </li>
+      <li> Press 'Save' to restart the interpreter with loaded libraries. </li>
     </ol>
   </div>
 </div>
+
 <hr>
+
 <div class="row">
   <div class="col-md-6">
     <a data-lightbox="compiler" href="/docs/0.8.2/assets/themes/zeppelin/img/docs-img/interpreter-add-repo1.png">
@@ -302,15 +305,15 @@ limitations under the License.
     <b> Add repository for dependency resolving </b>
     <br /><br />
     <ol>
-      <li> Press <i class="fa fa-cog"></i> icon in &#39;Interpreter&#39; menu on the top right side.
+      <li> Press <i class="fa fa-cog"></i> icon in 'Interpreter' menu on the top right side.
            It will show you available repository lists.</li>
       <li> If you need to resolve dependencies from other than central maven repository or
        local ~/.m2 repository, hit <i class="fa fa-plus"></i> icon next to repository lists. </li>
-      <li> Fill out the form and click &#39;Add&#39; button, then you will be able to see that new repository is added. </li>
+      <li> Fill out the form and click 'Add' button, then you will be able to see that new repository is added. </li>
       <li> Optionally, if you are behind a corporate firewall, you can specify also all proxy settings so that Zeppelin can download the dependencies using the given credentials</li>
     </ol>
   </div>
-</div></p>
+</div>
 
   </div>
 </div>

Modified: zeppelin/site/docs/0.8.2/usage/interpreter/dynamic_loading.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/interpreter/dynamic_loading.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/interpreter/dynamic_loading.html (original)
+++ zeppelin/site/docs/0.8.2/usage/interpreter/dynamic_loading.html Sun Sep 29 07:49:17 2019
@@ -276,7 +276,7 @@ In order to simplify using 3rd party int
 <p>You can <strong>load</strong> interpreters located in Maven repository using REST API, like this:</p>
 
 <p>(Maybe, you are unfamiliar with <code>[interpreter_group_name]</code> or <code>[interpreter_name]</code>. If so, please checkout <a href="./overview.html">Overview: Zeppelin Interpreter</a> again.)</p>
-<div class="highlight"><pre><code class="language-text" data-lang="text"><span></span>http://[zeppelin-server]:[zeppelin-port]/api/interpreter/load/[interpreter_group_name]/[interpreter_name]
+<div class="highlight"><pre><code class="text language-text" data-lang="text">http://[zeppelin-server]:[zeppelin-port]/api/interpreter/load/[interpreter_group_name]/[interpreter_name]
 </code></pre></div>
 <p>The Restful method will be <code><strong>POST</strong></code>. And the parameters you need are:</p>
 
@@ -287,8 +287,8 @@ In order to simplify using 3rd party int
 </ol>
 
 <p>For example, if you want to load <code>markdown</code> interpreter to your Zeppelin, the parameters and URL you need may look like:</p>
-<div class="highlight"><pre><code class="language-text" data-lang="text"><span></span>http://127.0.0.1:8080/api/interpreter/load/md/markdown
-</code></pre></div><div class="highlight"><pre><code class="language-json" data-lang="json"><span></span><span class="p">{</span>
+<div class="highlight"><pre><code class="text language-text" data-lang="text">http://127.0.0.1:8080/api/interpreter/load/md/markdown
+</code></pre></div><div class="highlight"><pre><code class="json language-json" data-lang="json"><span class="p">{</span>
   <span class="nt">&quot;artifact&quot;</span><span class="p">:</span> <span class="s2">&quot;org.apache.zeppelin:zeppelin-markdown:0.6.0-SNAPSHOT&quot;</span><span class="p">,</span>
   <span class="nt">&quot;className&quot;</span><span class="p">:</span> <span class="s2">&quot;org.apache.zeppelin.markdown.Markdown&quot;</span><span class="p">,</span>
   <span class="nt">&quot;repository&quot;</span><span class="p">:</span> <span class="p">{</span>
@@ -319,7 +319,7 @@ In order to simplify using 3rd party int
 <h3>Unload</h3>
 
 <p>If you want to <strong>unload</strong> the interpreters using REST API, </p>
-<div class="highlight"><pre><code class="language-text" data-lang="text"><span></span>http://[zeppelin-server]:[zeppelin-port]/api/interpreter/unload/[interpreter_group_name]/[interpreter_name]
+<div class="highlight"><pre><code class="text language-text" data-lang="text">http://[zeppelin-server]:[zeppelin-port]/api/interpreter/unload/[interpreter_group_name]/[interpreter_name]
 </code></pre></div>
 <p>In this case, the Restful method will be <code><strong>DELETE</strong></code>.</p>
 

Modified: zeppelin/site/docs/0.8.2/usage/interpreter/execution_hooks.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/interpreter/execution_hooks.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/interpreter/execution_hooks.html (original)
+++ zeppelin/site/docs/0.8.2/usage/interpreter/execution_hooks.html Sun Sep 29 07:49:17 2019
@@ -267,26 +267,26 @@ This is primarily useful if you need to
 Currently, this feature is only available for the spark and pyspark interpreters.
 To specify your hook code, you may use <code>z.registerHook()</code>. 
 For example, enter the following into one paragraph:</p>
-<div class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">pyspark</span>
-<span class="n">z</span><span class="o">.</span><span class="n">registerHook</span><span class="p">(</span><span class="s2">&quot;post_exec&quot;</span><span class="p">,</span> <span class="s2">&quot;print &#39;This code should be executed before the parapgraph code!&#39;&quot;</span><span class="p">)</span>
-<span class="n">z</span><span class="o">.</span><span class="n">registerHook</span><span class="p">(</span><span class="s2">&quot;pre_exec&quot;</span><span class="p">,</span> <span class="s2">&quot;print &#39;This code should be executed after the paragraph code!&#39;&quot;</span><span class="p">)</span>
+<div class="highlight"><pre><code class="python language-python" data-lang="python"><span class="o">%</span><span class="n">pyspark</span>
+<span class="n">z</span><span class="o">.</span><span class="n">registerHook</span><span class="p">(</span><span class="s">&quot;post_exec&quot;</span><span class="p">,</span> <span class="s">&quot;print &#39;This code should be executed before the parapgraph code!&#39;&quot;</span><span class="p">)</span>
+<span class="n">z</span><span class="o">.</span><span class="n">registerHook</span><span class="p">(</span><span class="s">&quot;pre_exec&quot;</span><span class="p">,</span> <span class="s">&quot;print &#39;This code should be executed after the paragraph code!&#39;&quot;</span><span class="p">)</span>
 </code></pre></div>
 <p>These calls will not take into effect until the next time you run a paragraph. </p>
 
 <p>In another paragraph, enter</p>
-<div class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">pyspark</span>
-<span class="k">print</span> <span class="s2">&quot;This code should be entered into the paragraph by the user!&quot;</span>
+<div class="highlight"><pre><code class="python language-python" data-lang="python"><span class="o">%</span><span class="n">pyspark</span>
+<span class="k">print</span> <span class="s">&quot;This code should be entered into the paragraph by the user!&quot;</span>
 </code></pre></div>
 <p>The output should be:</p>
-<div class="highlight"><pre><code class="language-text" data-lang="text"><span></span>This code should be executed before the paragraph code!
+<div class="highlight"><pre><code class="text language-text" data-lang="text">This code should be executed before the paragraph code!
 This code should be entered into the paragraph by the user!
 This code should be executed after the paragraph code!
 </code></pre></div>
 <p>If you ever need to know the hook code, use <code>z.getHook()</code>:</p>
-<div class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">pyspark</span>
-<span class="k">print</span> <span class="n">z</span><span class="o">.</span><span class="n">getHook</span><span class="p">(</span><span class="s2">&quot;post_exec&quot;</span><span class="p">)</span>
+<div class="highlight"><pre><code class="python language-python" data-lang="python"><span class="o">%</span><span class="n">pyspark</span>
+<span class="k">print</span> <span class="n">z</span><span class="o">.</span><span class="n">getHook</span><span class="p">(</span><span class="s">&quot;post_exec&quot;</span><span class="p">)</span>
 
-<span class="k">print</span> <span class="s1">&#39;This code should be executed after the paragraph code!&#39;</span>
+<span class="k">print</span> <span class="s">&#39;This code should be executed after the paragraph code!&#39;</span>
 </code></pre></div>
 <p>Any call to <code>z.registerHook()</code> will automatically overwrite what was previously registered.
 To completely unregister a hook event, use <code>z.unregisterHook(eventCode)</code>.
@@ -294,7 +294,7 @@ Currently only <code>&quot;post_exec&quo
 
 <p>Finally, the hook registry is internally shared by other interpreters in the same group.
 This would allow for hook code for one interpreter REPL to be set by another as follows:</p>
-<div class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="o">%</span><span class="n">spark</span>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="o">%</span><span class="n">spark</span>
 <span class="n">z</span><span class="o">.</span><span class="n">unregisterHook</span><span class="o">(</span><span class="s">&quot;post_exec&quot;</span><span class="o">,</span> <span class="s">&quot;pyspark&quot;</span><span class="o">)</span>
 </code></pre></div>
 <p>The API is identical for both the spark (scala) and pyspark (python) implementations.</p>

Modified: zeppelin/site/docs/0.8.2/usage/interpreter/installation.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/interpreter/installation.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/interpreter/installation.html (original)
+++ zeppelin/site/docs/0.8.2/usage/interpreter/installation.html Sun Sep 29 07:49:17 2019
@@ -268,13 +268,13 @@ limitations under the License.
 If you downloaded <code>netinst</code> binary package, you need to install by using below commands.</p>
 
 <h4>Install all community managed interpreters</h4>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>./bin/install-interpreter.sh --all
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">./bin/install-interpreter.sh --all
 </code></pre></div>
 <h4>Install specific interpreters</h4>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>./bin/install-interpreter.sh --name md,shell,jdbc,python
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">./bin/install-interpreter.sh --name md,shell,jdbc,python
 </code></pre></div>
 <p>You can get full list of community managed interpreters by running</p>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>./bin/install-interpreter.sh --list
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">./bin/install-interpreter.sh --list
 </code></pre></div>
 <h4>Install interpreter built with Scala 2.10</h4>
 
@@ -309,7 +309,7 @@ If you downloaded <code>netinst</code> b
 </table>
 
 <p>If you install one of these interpreters only with <code>--name</code> option, installer will download interpreter built with Scala 2.11 by default. If you want to specify Scala version, you will need to add <code>--artifact</code> option. Here is the example of installing flink interpreter built with Scala 2.10.</p>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>./bin/install-interpreter.sh --name flink --artifact org.apache.zeppelin:zeppelin-flink_2.10:0.8.0
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">./bin/install-interpreter.sh --name flink --artifact org.apache.zeppelin:zeppelin-flink_2.10:0.8.0
 </code></pre></div>
 <h4>Spark interpreter for scala 2.10 and 2.11</h4>
 
@@ -317,7 +317,7 @@ If you downloaded <code>netinst</code> b
 It would pick up the right scala specific interpreter for the spark distribution where <code>SPARK_HOME</code> point to.</p>
 
 <p>Here&#39;s the command to install spark interpreter</p>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>rm -rf ./interpreter/spark
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">rm -rf ./interpreter/spark
 ./bin/install-interpreter.sh --name spark --artifact org.apache.zeppelin:spark-interpreter:0.8.0
 </code></pre></div>
 <p>Once you have installed interpreters, you need to restart Zeppelin. And then <a href="./overview.html#what-is-zeppelin-interpreter">create interpreter setting</a> and <a href="./overview.html#what-is-zeppelin-interpreter-setting">bind it with your notebook</a>.</p>
@@ -327,14 +327,14 @@ It would pick up the right scala specifi
 <p>You can also install 3rd party interpreters located in the maven repository by using below commands.</p>
 
 <h4>Install 3rd party interpreters</h4>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>./bin/install-interpreter.sh --name interpreter1 --artifact groupId1:artifact1:version1
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">./bin/install-interpreter.sh --name interpreter1 --artifact groupId1:artifact1:version1
 </code></pre></div>
 <p>The above command will download maven artifact <code>groupId1:artifact1:version1</code> and all of its transitive dependencies into <code>interpreter/interpreter1</code> directory.</p>
 
 <p>After restart Zeppelin, then <a href="./overview.html#what-is-zeppelin-interpreter">create interpreter setting</a> and <a href="./overview.html#what-is-interpreter-setting">bind it with your note</a>.</p>
 
 <h4>Install multiple 3rd party interpreters at once</h4>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>./bin/install-interpreter.sh --name interpreter1,interpreter2 --artifact groupId1:artifact1:version1,groupId2:artifact2:version2
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">./bin/install-interpreter.sh --name interpreter1,interpreter2 --artifact groupId1:artifact1:version1,groupId2:artifact2:version2
 </code></pre></div>
 <p><code>--name</code> and <code>--artifact</code> arguments will recieve comma separated list.</p>
 

Modified: zeppelin/site/docs/0.8.2/usage/interpreter/overview.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/interpreter/overview.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/interpreter/overview.html (original)
+++ zeppelin/site/docs/0.8.2/usage/interpreter/overview.html Sun Sep 29 07:49:17 2019
@@ -341,7 +341,7 @@ In &#39;shared&#39; mode, every notebook
 <h2>Connecting to the existing remote interpreter</h2>
 
 <p>Zeppelin users can start interpreter thread embedded in their service. This will provide flexibility to user to start interpreter on remote host. To start interpreter along with your service you have to create an instance of <code>RemoteInterpreterServer</code> and start it as follows:</p>
-<div class="highlight"><pre><code class="language-java" data-lang="java"><span></span><span class="n">RemoteInterpreterServer</span> <span class="n">interpreter</span><span class="o">=</span><span class="k">new</span> <span class="n">RemoteInterpreterServer</span><span class="o">(</span><span class="mi">3678</span><span class="o">);</span> 
+<div class="highlight"><pre><code class="java language-java" data-lang="java"><span class="n">RemoteInterpreterServer</span> <span class="n">interpreter</span><span class="o">=</span><span class="k">new</span> <span class="n">RemoteInterpreterServer</span><span class="o">(</span><span class="mi">3678</span><span class="o">);</span> 
 <span class="c1">// Here, 3678 is the port on which interpreter will listen.    </span>
 <span class="n">interpreter</span><span class="o">.</span><span class="na">start</span><span class="o">();</span>
 </code></pre></div>

Modified: zeppelin/site/docs/0.8.2/usage/interpreter/user_impersonation.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/interpreter/user_impersonation.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/interpreter/user_impersonation.html (original)
+++ zeppelin/site/docs/0.8.2/usage/interpreter/user_impersonation.html Sun Sep 29 07:49:17 2019
@@ -263,24 +263,24 @@ limitations under the License.
 <h2>Setup</h2>
 
 <h4>1. Enable Shiro auth in <code>conf/shiro.ini</code></h4>
-<div class="highlight"><pre><code class="language-text" data-lang="text"><span></span>[users]
+<div class="highlight"><pre><code class="text language-text" data-lang="text">[users]
 user1 = password1, role1
 user2 = password2, role2
 </code></pre></div>
 <h4>2. Enable password-less ssh for the user you want to impersonate (say user1).</h4>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>adduser user1
-<span class="c1">#ssh-keygen (optional if you don&#39;t already have generated ssh-key.</span>
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">adduser user1
+<span class="c">#ssh-keygen (optional if you don&#39;t already have generated ssh-key.</span>
 ssh user1@localhost mkdir -p .ssh
 cat ~/.ssh/id_rsa.pub <span class="p">|</span> ssh user1@localhost <span class="s1">&#39;cat &gt;&gt; .ssh/authorized_keys&#39;</span>
 </code></pre></div>
 <p>Alternatively instead of password-less, user can override ZEPPELIN<em>IMPERSONATE</em>CMD in zeppelin-env.sh</p>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span><span class="nb">export</span> <span class="nv">ZEPPELIN_IMPERSONATE_CMD</span><span class="o">=</span><span class="s1">&#39;sudo -H -u ${ZEPPELIN_IMPERSONATE_USER} bash -c &#39;</span>
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash"><span class="nb">export </span><span class="nv">ZEPPELIN_IMPERSONATE_CMD</span><span class="o">=</span><span class="s1">&#39;sudo -H -u ${ZEPPELIN_IMPERSONATE_USER} bash -c &#39;</span>
 </code></pre></div>
 <h4>4. Restart zeppelin server.</h4>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span><span class="c1"># for OSX, linux</span>
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash"><span class="c"># for OSX, linux</span>
 bin/zeppelin-daemon restart
 
-<span class="c1"># for windows</span>
+<span class="c"># for windows</span>
 bin<span class="se">\z</span>eppelin.cmd
 </code></pre></div>
 <h4>5. Configure impersonation for interpreter</h4>
@@ -299,7 +299,7 @@ bin<span class="se">\z</span>eppelin.cmd
 <p>Go to interpreter setting page, and enable &quot;User Impersonate&quot; in any of the interpreter (in my example its shell interpreter)</p>
 
 <h4>6. Test with a simple paragraph</h4>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>%sh
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">%sh
 whoami
 </code></pre></div>
 <p>Note that usage of &quot;User Impersonate&quot; option will enable Spark interpreter to use <code>--proxy-user</code> option with current user by default. If you want to disable <code>--proxy-user</code> option, then refer to <code>ZEPPELIN_IMPERSONATE_SPARK_PROXY_USER</code> variable in <code>conf/zeppelin-env.sh</code></p>

Modified: zeppelin/site/docs/0.8.2/usage/other_features/customizing_homepage.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/other_features/customizing_homepage.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/other_features/customizing_homepage.html (original)
+++ zeppelin/site/docs/0.8.2/usage/other_features/customizing_homepage.html Sun Sep 29 07:49:17 2019
@@ -299,7 +299,7 @@ or <code>zeppelin.notebook.homescreen.hi
 <h3>Restart Zeppelin</h3>
 
 <p>Restart your Zeppelin server</p>
-<div class="highlight"><pre><code class="language-bash" data-lang="bash"><span></span>./bin/zeppelin-daemon stop
+<div class="highlight"><pre><code class="bash language-bash" data-lang="bash">./bin/zeppelin-daemon stop
 ./bin/zeppelin-daemon start
 </code></pre></div>
 <p>That&#39;s it! Open your browser and navigate to Apache Zeppelin and see your customized homepage.</p>
@@ -312,7 +312,7 @@ or <code>zeppelin.notebook.homescreen.hi
 you need to do is use our %angular support.</p>
 
 <p>Add the following code to a paragraph in your Apache Zeppelin note and run it.</p>
-<div class="highlight"><pre><code class="language-javascript" data-lang="javascript"><span></span><span class="o">%</span><span class="nx">spark</span>
+<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript"><span class="o">%</span><span class="nx">spark</span>
 
 <span class="nx">println</span><span class="p">(</span>
 <span class="s2">&quot;&quot;&quot;%angular</span>

Modified: zeppelin/site/docs/0.8.2/usage/other_features/publishing_paragraphs.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/other_features/publishing_paragraphs.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/other_features/publishing_paragraphs.html (original)
+++ zeppelin/site/docs/0.8.2/usage/other_features/publishing_paragraphs.html Sun Sep 29 07:49:17 2019
@@ -278,7 +278,7 @@ It&#39;s very straightforward. Just use
 
 <p>For publishing the copied paragraph, you may use <code>&lt;iframe&gt;</code> tag in your website page.
 For example,</p>
-<div class="highlight"><pre><code class="language-text" data-lang="text"><span></span>&lt;iframe src=&quot;http://&lt; ip-address &gt;:&lt; port &gt;/#/notebook/2B3QSZTKR/paragraph/...?asIframe&quot; height=&quot;&quot; width=&quot;&quot; &gt;&lt;/iframe&gt;
+<div class="highlight"><pre><code class="text language-text" data-lang="text">&lt;iframe src=&quot;http://&lt; ip-address &gt;:&lt; port &gt;/#/notebook/2B3QSZTKR/paragraph/...?asIframe&quot; height=&quot;&quot; width=&quot;&quot; &gt;&lt;/iframe&gt;
 </code></pre></div>
 <p>Finally, you can show off your beautiful visualization results in your website. 
 <center><img src="/docs/0.8.2/assets/themes/zeppelin/img/docs-img/your-website.png" height="90%" width="90%"></center></p>

Modified: zeppelin/site/docs/0.8.2/usage/other_features/zeppelin_context.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/other_features/zeppelin_context.html?rev=1867697&r1=1867696&r2=1867697&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/other_features/zeppelin_context.html (original)
+++ zeppelin/site/docs/0.8.2/usage/other_features/zeppelin_context.html Sun Sep 29 07:49:17 2019
@@ -282,7 +282,7 @@ predefined variable <code>z</code>.</p>
 
 <p>In the Apache Spark interpreter, the zeppelin-context provides a <code>show</code> method, which, 
 using Zeppelin&#39;s <code>table</code> feature, can be used to nicely display a Spark DataFrame:</p>
-<div class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="n">df</span> <span class="k">=</span> <span class="n">spark</span><span class="o">.</span><span class="n">read</span><span class="o">.</span><span class="n">csv</span><span class="o">(</span><span class="err">&#39;</span><span class="o">/</span><span class="n">path</span><span class="o">/</span><span class="n">to</span><span class="o">/</span><span class="n">csv</span><span class="err">&#39;</span><span class="o">)</span>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="n">df</span> <span class="k">=</span> <span class="n">spark</span><span class="o">.</span><span class="n">read</span><span class="o">.</span><span class="n">csv</span><span class="o">(</span><span class="err">&#39;</span><span class="o">/</span><span class="n">path</span><span class="o">/</span><span class="n">to</span><span class="o">/</span><span class="n">csv</span><span class="err">&#39;</span><span class="o">)</span>
 <span class="n">z</span><span class="o">.</span><span class="n">show</span><span class="o">(</span><span class="n">df</span><span class="o">)</span>
 </code></pre></div>
 <p>This display functionality using the <code>show</code> method is planned to be extended uniformly to 
@@ -297,7 +297,7 @@ So you can put some objects using Scala
   <div data-lang="scala" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="c1">// Put object from scala</span>
+<div class="highlight"><pre><code class="scala"><span class="c1">// Put object from scala</span>
 <span class="o">%</span><span class="n">spark</span>
 <span class="k">val</span> <span class="n">myObject</span> <span class="k">=</span> <span class="o">...</span>
 <span class="n">z</span><span class="o">.</span><span class="n">put</span><span class="o">(</span><span class="s">&quot;objName&quot;</span><span class="o">,</span> <span class="n">myObject</span><span class="o">)</span>
@@ -306,22 +306,24 @@ So you can put some objects using Scala
 <span class="n">myScalaDataFrame</span> <span class="k">=</span> <span class="o">...</span>
 <span class="n">z</span><span class="o">.</span><span class="n">put</span><span class="o">(</span><span class="s">&quot;myScalaDataFrame&quot;</span><span class="o">,</span> <span class="n">myScalaDataFrame</span><span class="o">)</span>
 
-<span class="k">val</span> <span class="n">myPythonDataFrame</span> <span class="k">=</span> <span class="n">z</span><span class="o">.</span><span class="n">get</span><span class="o">(</span><span class="s">&quot;myPythonDataFrame&quot;</span><span class="o">).</span><span class="n">asInstanceOf</span><span class="o">[</span><span class="kt">DataFrame</span><span class="o">]</span></code></pre></figure>
+<span class="k">val</span> <span class="n">myPythonDataFrame</span> <span class="k">=</span> <span class="n">z</span><span class="o">.</span><span class="n">get</span><span class="o">(</span><span class="s">&quot;myPythonDataFrame&quot;</span><span class="o">).</span><span class="n">asInstanceOf</span><span class="o">[</span><span class="kt">DataFrame</span><span class="o">]</span>
+</code></pre></div>
 
 
   </div>
   <div data-lang="python" markdown="1">
 
 
-<figure class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="c1"># Get object from python</span>
+<div class="highlight"><pre><code class="python"><span class="c"># Get object from python</span>
 <span class="o">%</span><span class="n">spark</span><span class="o">.</span><span class="n">pyspark</span>
-<span class="n">myObject</span> <span class="o">=</span> <span class="n">z</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;objName&quot;</span><span class="p">)</span>
+<span class="n">myObject</span> <span class="o">=</span> <span class="n">z</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s">&quot;objName&quot;</span><span class="p">)</span>
 
-<span class="c1"># Exchanging data frames</span>
+<span class="c"># Exchanging data frames</span>
 <span class="n">myPythonDataFrame</span> <span class="o">=</span> <span class="o">...</span>
-<span class="n">z</span><span class="o">.</span><span class="n">put</span><span class="p">(</span><span class="s2">&quot;myPythonDataFrame&quot;</span><span class="p">,</span> <span class="n">postsDf</span><span class="o">.</span><span class="n">_jdf</span><span class="p">)</span>
+<span class="n">z</span><span class="o">.</span><span class="n">put</span><span class="p">(</span><span class="s">&quot;myPythonDataFrame&quot;</span><span class="p">,</span> <span class="n">postsDf</span><span class="o">.</span><span class="n">_jdf</span><span class="p">)</span>
 
-<span class="n">myScalaDataFrame</span> <span class="o">=</span> <span class="n">DataFrame</span><span class="p">(</span><span class="n">z</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;myScalaDataFrame&quot;</span><span class="p">),</span> <span class="n">sqlContext</span><span class="p">)</span></code></pre></figure>
+<span class="n">myScalaDataFrame</span> <span class="o">=</span> <span class="n">DataFrame</span><span class="p">(</span><span class="n">z</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s">&quot;myScalaDataFrame&quot;</span><span class="p">),</span> <span class="n">sqlContext</span><span class="p">)</span>
+</code></pre></div>
 
 
   </div>
@@ -334,7 +336,7 @@ In Scala and Python environments, you ca
 <div class="codetabs">
   <div data-lang="scala" markdown="1"></p>
 
-<figure class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="o">%</span><span class="n">spark</span>
+<div class="highlight"><pre><code class="scala"><span class="o">%</span><span class="n">spark</span>
 <span class="cm">/* Create text input form */</span>
 <span class="n">z</span><span class="o">.</span><span class="n">input</span><span class="o">(</span><span class="s">&quot;formName&quot;</span><span class="o">)</span>
 
@@ -347,31 +349,36 @@ In Scala and Python environments, you ca
 
 <span class="cm">/* Create select form with default value*/</span>
 <span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="o">(</span><span class="s">&quot;formName&quot;</span><span class="o">,</span> <span class="s">&quot;option1&quot;</span><span class="o">,</span> <span class="nc">Seq</span><span class="o">((</span><span class="s">&quot;option1&quot;</span><span class="o">,</span> <span class="s">&quot;option1DisplayName&quot;</span><span class="o">),</span>
-                                    <span class="o">(</span><span class="s">&quot;option2&quot;</span><span class="o">,</span> <span class="s">&quot;option2DisplayName&quot;</span><span class="o">)))</span></code></pre></figure>
+                                    <span class="o">(</span><span class="s">&quot;option2&quot;</span><span class="o">,</span> <span class="s">&quot;option2DisplayName&quot;</span><span class="o">)))</span>
+</code></pre></div>
 
-<p></div>
-  <div data-lang="python" markdown="1"></p>
 
-<figure class="highlight"><pre><code class="language-python" data-lang="python"><span></span><span class="o">%</span><span class="n">spark</span><span class="o">.</span><span class="n">pyspark</span>
-<span class="c1"># Create text input form</span>
-<span class="n">z</span><span class="o">.</span><span class="n">input</span><span class="p">(</span><span class="s2">&quot;formName&quot;</span><span class="p">)</span>
+  </div>
+  <div data-lang="python" markdown="1">
 
-<span class="c1"># Create text input form with default value</span>
-<span class="n">z</span><span class="o">.</span><span class="n">input</span><span class="p">(</span><span class="s2">&quot;formName&quot;</span><span class="p">,</span> <span class="s2">&quot;defaultValue&quot;</span><span class="p">)</span>
 
-<span class="c1"># Create select form</span>
-<span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s2">&quot;formName&quot;</span><span class="p">,</span> <span class="p">[(</span><span class="s2">&quot;option1&quot;</span><span class="p">,</span> <span class="s2">&quot;option1DisplayName&quot;</span><span class="p">),</span>
-                      <span class="p">(</span><span class="s2">&quot;option2&quot;</span><span class="p">,</span> <span class="s2">&quot;option2DisplayName&quot;</span><span class="p">)])</span>
+<div class="highlight"><pre><code class="python"><span class="o">%</span><span class="n">spark</span><span class="o">.</span><span class="n">pyspark</span>
+<span class="c"># Create text input form</span>
+<span class="n">z</span><span class="o">.</span><span class="n">input</span><span class="p">(</span><span class="s">&quot;formName&quot;</span><span class="p">)</span>
+
+<span class="c"># Create text input form with default value</span>
+<span class="n">z</span><span class="o">.</span><span class="n">input</span><span class="p">(</span><span class="s">&quot;formName&quot;</span><span class="p">,</span> <span class="s">&quot;defaultValue&quot;</span><span class="p">)</span>
+
+<span class="c"># Create select form</span>
+<span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s">&quot;formName&quot;</span><span class="p">,</span> <span class="p">[(</span><span class="s">&quot;option1&quot;</span><span class="p">,</span> <span class="s">&quot;option1DisplayName&quot;</span><span class="p">),</span>
+                      <span class="p">(</span><span class="s">&quot;option2&quot;</span><span class="p">,</span> <span class="s">&quot;option2DisplayName&quot;</span><span class="p">)])</span>
+
+<span class="c"># Create select form with default value</span>
+<span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s">&quot;formName&quot;</span><span class="p">,</span> <span class="p">[(</span><span class="s">&quot;option1&quot;</span><span class="p">,</span> <span class="s">&quot;option1DisplayName&quot;</span><span class="p">),</span>
+                      <span class="p">(</span><span class="s">&quot;option2&quot;</span><span class="p">,</span> <span class="s">&quot;option2DisplayName&quot;</span><span class="p">)],</span> <span class="s">&quot;option1&quot;</span><span class="p">)</span>
+</code></pre></div>
 
-<span class="c1"># Create select form with default value</span>
-<span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s2">&quot;formName&quot;</span><span class="p">,</span> <span class="p">[(</span><span class="s2">&quot;option1&quot;</span><span class="p">,</span> <span class="s2">&quot;option1DisplayName&quot;</span><span class="p">),</span>
-                      <span class="p">(</span><span class="s2">&quot;option2&quot;</span><span class="p">,</span> <span class="s2">&quot;option2DisplayName&quot;</span><span class="p">)],</span> <span class="s2">&quot;option1&quot;</span><span class="p">)</span></code></pre></figure>
 
-<p></div>
-</div></p>
+  </div>
+</div>
 
 <p>In sql environment, you can create form in simple template.</p>
-<div class="highlight"><pre><code class="language-sql" data-lang="sql"><span></span><span class="o">%</span><span class="n">spark</span><span class="p">.</span><span class="k">sql</span>
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="n">spark</span><span class="p">.</span><span class="k">sql</span>
 <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="err">${</span><span class="k">table</span><span class="o">=</span><span class="n">defaultTableName</span><span class="err">}</span> <span class="k">where</span> <span class="nb">text</span> <span class="k">like</span> <span class="s1">&#39;%${search}%&#39;</span>
 </code></pre></div>
 <p>To learn more about dynamic form, checkout <a href="../usage/dynamic_form/intro.html">Dynamic Form</a>.</p>
@@ -422,10 +429,10 @@ interpolated into a paragraph text by us
 The following example shows one use of this facility:</p>
 
 <h4>In Scala cell:</h4>
-<div class="highlight"><pre><code class="language-scala" data-lang="scala"><span></span><span class="n">z</span><span class="o">.</span><span class="n">put</span><span class="o">(</span><span class="s">&quot;minAge&quot;</span><span class="o">,</span> <span class="mi">35</span><span class="o">)</span>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="n">z</span><span class="o">.</span><span class="n">put</span><span class="o">(</span><span class="s">&quot;minAge&quot;</span><span class="o">,</span> <span class="mi">35</span><span class="o">)</span>
 </code></pre></div>
 <h4>In later SQL cell:</h4>
-<div class="highlight"><pre><code class="language-sql" data-lang="sql"><span></span><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="n">members</span> <span class="k">where</span> <span class="n">age</span> <span class="o">&gt;=</span> <span class="err">{</span><span class="n">minAge</span><span class="err">}</span>
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="n">members</span> <span class="k">where</span> <span class="n">age</span> <span class="o">&gt;=</span> <span class="err">{</span><span class="n">minAge</span><span class="err">}</span>
 </code></pre></div>
 <p>The interpolation of a <code>{var-name}</code> pattern is performed only when <code>z</code> contains an object with the specified name.
 But the pattern is left unchanged if the named object does not exist in <code>z</code>.
@@ -436,7 +443,7 @@ translation of only some of the patterns
 object interpolation mechanism. For these cases an escaping mechanism is available --
 doubled braces  should be used. The following example shows the use of  for passing a
 regular expression containing just { and } into the paragraph text.</p>
-<div class="highlight"><pre><code class="language-sql" data-lang="sql"><span></span><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="n">members</span> <span class="k">where</span> <span class="n">name</span> <span class="n">rlike</span> <span class="s1">&#39;[aeiou]3&#39;</span>
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="n">members</span> <span class="k">where</span> <span class="n">name</span> <span class="n">rlike</span> <span class="s1">&#39;[aeiou]3&#39;</span>
 </code></pre></div>
 <p>To summarize, patterns of the form <code>{var-name}</code> within the paragraph text will be interpolated only if a predefined
 object of the specified name exists. Additionally, all such patterns within the paragraph text should also