| 12345678910111213141516171819202122232425 |
- <div contenteditable="true" id="editor"></div>
- <script>
- 'use strict';
- bender.amd.manualRequire( [
- 'core/treeview/treeview',
- 'core/treeview/observer/mutationobserver',
- 'core/treeview/element',
- 'core/treeview/text'
- ], function( TreeView, MutationObserver, Element, Text ) {
- const treeView = new TreeView( document.getElementById( 'editor' ) );
- const mutationObserver = new MutationObserver();
- mutationObserver.on( 'mutations', ( evt, mutations ) => console.log( mutations ) );
-
- treeView.addObserver( mutationObserver );
- treeView.viewRoot.insertChildren( 0, [
- new Element( 'p', [], [ new Text( 'foo' ) ] ),
- new Element( 'p', [], [ new Text( 'bom' ) ] )
- ] );
- treeView.render();
- } );
- </script>
|