|
@@ -3,7 +3,7 @@
|
|
|
* For licensing, see LICENSE.md.
|
|
* For licensing, see LICENSE.md.
|
|
|
*/
|
|
*/
|
|
|
|
|
|
|
|
-/* globals document */
|
|
|
|
|
|
|
+/* globals document, console */
|
|
|
|
|
|
|
|
import ViewDocument from '/ckeditor5/engine/view/document.js';
|
|
import ViewDocument from '/ckeditor5/engine/view/document.js';
|
|
|
import ViewRange from '/ckeditor5/engine/view/range.js';
|
|
import ViewRange from '/ckeditor5/engine/view/range.js';
|
|
@@ -14,14 +14,19 @@ const domEditable = document.getElementById( 'editor' );
|
|
|
const viewRoot = viewDocument.createRoot( domEditable );
|
|
const viewRoot = viewDocument.createRoot( domEditable );
|
|
|
let viewStrong;
|
|
let viewStrong;
|
|
|
|
|
|
|
|
|
|
+// Prevent focus stealing. Simulates how editor buttons work.
|
|
|
|
|
+document.getElementById( 'create-fake' ).addEventListener( 'mousedown', ( evt ) => {
|
|
|
|
|
+ evt.preventDefault();
|
|
|
|
|
+} );
|
|
|
|
|
+
|
|
|
document.getElementById( 'create-fake' ).addEventListener( 'click', () => {
|
|
document.getElementById( 'create-fake' ).addEventListener( 'click', () => {
|
|
|
const viewP = viewRoot.getChild( 0 );
|
|
const viewP = viewRoot.getChild( 0 );
|
|
|
viewStrong = viewP.getChild( 1 );
|
|
viewStrong = viewP.getChild( 1 );
|
|
|
|
|
+
|
|
|
const range = ViewRange.createOn( viewStrong );
|
|
const range = ViewRange.createOn( viewStrong );
|
|
|
viewDocument.selection.setRanges( [ range ] );
|
|
viewDocument.selection.setRanges( [ range ] );
|
|
|
viewDocument.selection.setFake( true, { label: 'fake selection over bar' } );
|
|
viewDocument.selection.setFake( true, { label: 'fake selection over bar' } );
|
|
|
viewStrong.setStyle( 'background-color', 'yellow' );
|
|
viewStrong.setStyle( 'background-color', 'yellow' );
|
|
|
- viewDocument.focus();
|
|
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
viewDocument.on( 'selectionChange', ( evt, data ) => {
|
|
viewDocument.on( 'selectionChange', ( evt, data ) => {
|
|
@@ -35,5 +40,13 @@ viewDocument.selection.on( 'change', () => {
|
|
|
}
|
|
}
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
|
|
+viewDocument.on( 'focus', () => {
|
|
|
|
|
+ console.log( 'The document was focused' );
|
|
|
|
|
+} );
|
|
|
|
|
+
|
|
|
|
|
+viewDocument.on( 'blur', () => {
|
|
|
|
|
+ console.log( 'The document was blurred' );
|
|
|
|
|
+} );
|
|
|
|
|
+
|
|
|
setData( viewDocument, '<container:p>{}foo<strong>bar</strong>baz</container:p>' );
|
|
setData( viewDocument, '<container:p>{}foo<strong>bar</strong>baz</container:p>' );
|
|
|
viewDocument.focus();
|
|
viewDocument.focus();
|