ecomp-portal-FE/client/bower_components/jqTree/_examples/06_autoescape.html

   1 ---
   2 title: Javascript tree with autoescape
   3 layout: page
   4 js: examples/autoescape.js
   5 css: example.css
   6 ---
   7
   8 <p id="nav">
   9     <a href="../05_load_on_demand/">&laquo; Example 5</a>
  10     <a href="../07_autoscroll/" class="next">Example 7 &raquo;</a>
  11 </p>
  12
  13 <h1>Example 6 - autoEscape</h1>
  14
  15 <p>
  16     You can put html in the node titles setting the <a href="../index.html#tree-options-autoescape">autoEscape</a> option to <strong>false</strong>.
  17 </p>
  18
  19 <div id="tree1"></div>
  20
  21 <h3>html</h3>
  22
  23 {% highlight html %}
  24 <div id="tree1"></div>
  25 {% endhighlight %}
  26
  27 <h3>javascript</h3>
  28
  29 {% highlight js %}
  30 var data = [
  31   {
  32     label: 'examples',
  33       children: [
  34         { name: '<a href="example1.html">Example 1</a>' },
  35         { name: '<a href="example2.html">Example 2</a>' },
  36         '<a href="example3.html">Example </a>'
  37       ]
  38   }
  39 ];
  40
  41 // set autoEscape to false
  42 $('#tree1').tree({
  43   data: data,
  44   autoEscape: false,
  45   autoOpen: true
  46 });
  47 {% endhighlight %}