/** * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* globals document */ import View from '../../../src/view/view'; import ViewPosition from '../../../src/view/position'; import ViewRange from '../../../src/view/range'; import createViewRoot from '../_utils/createroot'; const view = new View(); const viewDocument = view.document; const domEditable1 = document.getElementById( 'editable1' ); const domEditable2 = document.getElementById( 'editable2' ); const editable1 = createViewRoot( viewDocument, 'div', 'editable1' ); view.attachDomRoot( domEditable1, 'editable1' ); const editable2 = createViewRoot( viewDocument, 'div', 'editable2' ); view.attachDomRoot( domEditable2, 'editable2' ); let text1, text2; view.change( writer => { text1 = writer.createText( 'Foo bar baz' ); text2 = writer.createText( 'Foo bar baz' ); writer.insert( ViewPosition.createAt( editable1 ), text1 ); writer.insert( ViewPosition.createAt( editable2 ), text2 ); } ); document.getElementById( 'button1' ).addEventListener( 'click', () => { view.change( writer => { writer.setSelection( ViewRange.createFromParentsAndOffsets( text1, 4, text1, 7 ) ); } ); view.focus(); } ); document.getElementById( 'button2' ).addEventListener( 'click', () => { view.change( writer => { writer.setSelection( ViewRange.createFromParentsAndOffsets( text2, 0, text2, 3 ) ); } ); view.focus(); } );