| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- /**
- * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
- /**
- * @module engine/view/rooteditableelement
- */
- import EditableElement from './editableelement';
- const rootNameSymbol = Symbol( 'rootName' );
- /**
- * Class representing a single root in the data view. A root can be either {@link ~RootEditableElement#isReadOnly editable or read-only},
- * but in both cases it is called "an editable". Roots can contain other {@link module:engine/view/editableelement~EditableElement
- * editable elements} making them "nested editables".
- *
- * @extends module:engine/view/editableelement~EditableElement
- */
- export default class RootEditableElement extends EditableElement {
- /**
- * Creates root editable element.
- *
- * @param {String} name Node name.
- */
- constructor( name ) {
- super( name );
- /**
- * Name of this root inside {@link module:engine/view/document~Document} that is an owner of this root. If no
- * other name is set, `main` name is used.
- *
- * @readonly
- * @member {String}
- */
- this.rootName = 'main';
- }
- /**
- * Checks whether this object is of the given.
- *
- * rootEditableElement.is( 'rootEditableElement' ); // -> true
- * rootEditableElement.is( 'editableElement' ); // -> true
- * rootEditableElement.is( 'element' ); // -> true
- * rootEditableElement.is( 'node' ); // -> true
- * rootEditableElement.is( 'view:rootEditableElement' ); // -> true
- * rootEditableElement.is( 'view:editableElement' ); // -> true
- * rootEditableElement.is( 'view:element' ); // -> true
- * rootEditableElement.is( 'view:node' ); // -> true
- *
- * rootEditableElement.is( 'model:element' ); // -> false
- * rootEditableElement.is( 'documentFragment' ); // -> false
- *
- * Assuming that the object being checked is a root editbale element, you can also check its
- * {@link module:engine/view/rooteditableelement~RootEditableElement#name name}:
- *
- * rootEditableElement.is( 'div' ); // -> true if this is a div root editable element
- * rootEditableElement.is( 'rootEditableElement', 'div' ); // -> same as above
- * text.is( 'div' ); -> false
- *
- * {@link module:engine/view/node~Node#is Check the entire list of view objects} which implement the `is()` method.
- *
- * @param {String} type Type to check when `name` parameter is present.
- * Otherwise, it acts like the `name` parameter.
- * @param {String} [name] Element name.
- * @returns {Boolean}
- */
- is( type, name = null ) {
- const cutType = type.replace( /^view:/, '' );
- if ( !name ) {
- return cutType == 'rootElement' || super.is( type );
- } else {
- return ( cutType == 'rootElement' && name == this.name ) || super.is( type, name );
- }
- }
- get rootName() {
- return this.getCustomProperty( rootNameSymbol );
- }
- set rootName( rootName ) {
- this._setCustomProperty( rootNameSymbol, rootName );
- }
- /**
- * Overrides old element name and sets new one.
- * This is needed because view roots are created before they are attached to the DOM.
- * The name of the root element is temporary at this stage. It has to be changed when the
- * view root element is attached to the DOM element.
- *
- * @protected
- * @param {String} name The new name of element.
- */
- set _name( name ) {
- this.name = name;
- }
- }
|