| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- /**
- * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md.
- */
- /**
- * @module editor-decoupled/decouplededitorui
- */
- import EditorUI from '@ckeditor/ckeditor5-core/src/editor/editorui';
- import enableToolbarKeyboardFocus from '@ckeditor/ckeditor5-ui/src/toolbar/enabletoolbarkeyboardfocus';
- import normalizeToolbarConfig from '@ckeditor/ckeditor5-ui/src/toolbar/normalizetoolbarconfig';
- /**
- * The decoupled editor UI class.
- *
- * @extends module:core/editor/editorui~EditorUI
- */
- export default class DecoupledEditorUI extends EditorUI {
- /**
- * @inheritDoc
- */
- constructor( editor, view ) {
- super( editor, view );
- /**
- * A normalized `config.toolbar` object.
- *
- * @type {Object}
- * @private
- */
- this._toolbarConfig = normalizeToolbarConfig( editor.config.get( 'toolbar' ) );
- }
- /**
- * Initializes the UI.
- */
- init() {
- const editor = this.editor;
- const view = this.view;
- view.render();
- // Set up the editable.
- const editingRoot = editor.editing.view.document.getRoot();
- view.editable.bind( 'isReadOnly' ).to( editingRoot );
- view.editable.bind( 'isFocused' ).to( editor.editing.view.document );
- editor.editing.view.attachDomRoot( view.editableElement );
- view.editable.name = editingRoot.rootName;
- this.focusTracker.add( this.view.editableElement );
- this.view.toolbar.fillFromConfig( this._toolbarConfig.items, this.componentFactory );
- enableToolbarKeyboardFocus( {
- origin: editor.editing.view,
- originFocusTracker: this.focusTracker,
- originKeystrokeHandler: editor.keystrokes,
- toolbar: this.view.toolbar
- } );
- }
- }
|