8
0

init.html 603 B

12345678910111213141516171819202122232425
  1. <div contenteditable="true" id="editor">
  2. <p>Old</p>
  3. <p>Content</p>
  4. </div>
  5. <script>
  6. 'use strict';
  7. bender.amd.manualRequire( [
  8. 'core/treeview/treeview',
  9. 'core/treeview/observer/mutationobserver',
  10. 'core/treeview/element',
  11. 'core/treeview/text'
  12. ], function( TreeView, MutationObserver, Element, Text ) {
  13. const treeView = new TreeView( document.getElementById( 'editor' ) );
  14. treeView.viewRoot.insertChildren( 0, [
  15. new Element( 'p', [], [ new Text( 'New' ) ] ),
  16. new Element( 'p', [], [ new Text( 'Content' ) ] )
  17. ] );
  18. treeView.render();
  19. console.log( treeView );
  20. } );
  21. </script>