jstree inline HTML demo

by Ivan Bozhanov

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://static.jstree.com/latest/assets/dist/jstree.min.js"></script>
<link rel="stylesheet" href="https://static.jstree.com/latest/assets/dist/themes/default/style.min.css">
<div id="container">
  <ul>
    <li data-jstree='{"opened":true, "type":"demo"}'>Root node
      <ul>
        <li>b</li>
        <li>a</li>
      </ul>
    </li>
  </ul>
</div>

JavaScript

$('#container').jstree({
  "types" : {
    "default" : {
      "icon" : "glyphicon glyphicon-flash"
    },
    "demo" : {
      "icon" : "glyphicon glyphicon-ok"
    }
  },
  "plugins" : ["types"]
});