CKEDITOR.dom.document

var document = new CKEDITOR.dom.document( document );

Properties

• $ : ObjectCKEDITOR.dom.document#s-

  readonly

  The native DOM object represented by this class instance.

  See source

  var element = new CKEDITOR.dom.element( 'span' );
  alert( element.$.nodeType ); // '1'
  

• type : NumberCKEDITOR.dom.document#type

  readonly

  The node type. This is a constant value set to CKEDITOR.NODE_DOCUMENT.

  See source

  Defaults to CKEDITOR.NODE_DOCUMENT

Static properties

• useCapture : BooleanCKEDITOR.dom.document#useCapture

  mixed static

  See source

Methods

• constructor( domDocument ) → documentCKEDITOR.dom.document#constructor

  Creates a document class instance.

  See source

  Parameters

  domDocument : Object

  A native DOM document.

  Returns

  document

• appendStyleSheet( cssFileUrl )CKEDITOR.dom.document#appendStyleSheet

  Appends a CSS file to the document.

  See source

  CKEDITOR.document.appendStyleSheet( '/mystyles.css' );
  

  Parameters

  cssFileUrl : String

  The CSS file URL.

• appendStyleText( cssStyleText ) → ObjectCKEDITOR.dom.document#appendStyleText

  Creates a CSS stylesheet and inserts it into the document.

  See source

  Parameters

  cssStyleText : Object

  {String} CSS style text.

  Returns

  Object

  The created DOM native stylesheet object.

• capture()CKEDITOR.dom.document#capture

  Register event handler under the capturing stage on supported target.

  See source

• clearCustomData()CKEDITOR.dom.document#clearCustomData

  Removes any data stored in this object. To avoid memory leaks we must assure that there are no references left after the object is no longer needed.

  See source

• createElement( name, [ attributesAndStyles ] ) → elementCKEDITOR.dom.document#createElement

  Creates a CKEDITOR.dom.element instance in this document.

  See source

  Parameters

  name : String

  The name of the element.

  [ attributesAndStyles ] : Object

  Properties

  [ attributes ] : Object

  Attributes that will be set.

  [ styles ] : Object

  Styles that will be set.

  Returns

  element

• createText( text ) → elementCKEDITOR.dom.document#createText

  Creates a CKEDITOR.dom.text instance in this document.

  See source

  Parameters

  text : String

  Value of the text node.

  Returns

  element

• define( name, meta )CKEDITOR.dom.document#define

  Predefine some intrinsic properties on a specific event name.

  See source

  Parameters

  name : String

  The event name

  meta : Object

  Properties

  [ errorProof ]

  Whether the event firing should catch error thrown from a per listener call.

  Defaults to false

• equals( object ) → BooleanCKEDITOR.dom.document#equals

  Determines whether the specified object is equal to the current object.

  See source

  var doc = new CKEDITOR.dom.document( document );
  alert( doc.equals( CKEDITOR.document ) );   // true
  alert( doc == CKEDITOR.document );          // false
  

  Parameters

  object : Object

  The object to compare with the current object.

  Returns

  Boolean

  true if the object is equal.

• find( selector ) → nodeListCKEDITOR.dom.document#find

  since 4.3.0

  Wrapper for querySelectorAll. Returns a list of elements within this document that match the specified selector.

  See source

  Note: The returned list is not a live collection (like the result of native querySelectorAll).

  Parameters

  selector : String

  A valid CSS selector.

  Returns

  nodeList

• findOne( selector ) → elementCKEDITOR.dom.document#findOne

  since 4.3.0

  Wrapper for querySelector. Returns the first element within this document that matches the specified selector.

  See source

  Parameters

  selector : String

  A valid CSS selector.

  Returns

  element

• fire( eventName, [ data ], [ editor ] ) → Boolean | ObjectCKEDITOR.dom.document#fire

  Fires an specific event in the object. All registered listeners are called at this point.

  See source

  someObject.on( 'someEvent', function() { ... } );
  someObject.on( 'someEvent', function() { ... } );
  someObject.fire( 'someEvent' );             // Both listeners are called.
  
  someObject.on( 'someEvent', function( event ) {
      alert( event.data );                    // 'Example'
  } );
  someObject.fire( 'someEvent', 'Example' );
  

  Parameters

  eventName : String

  The event name to fire.

  [ data ] : Object

  Data to be sent as the CKEDITOR.eventInfo.data when calling the listeners.

  [ editor ] : editor

  The editor instance to send as the CKEDITOR.eventInfo.editor when calling the listener.

  Returns

  Boolean | Object

  A boolean indicating that the event is to be canceled, or data returned by one of the listeners.

• fireOnce( eventName, [ data ], [ editor ] ) → Boolean | ObjectCKEDITOR.dom.document#fireOnce

  Fires an specific event in the object, releasing all listeners registered to that event. The same listeners are not called again on successive calls of it or of fire.

  See source

  someObject.on( 'someEvent', function() { ... } );
  someObject.fire( 'someEvent' );         // Above listener called.
  someObject.fireOnce( 'someEvent' );     // Above listener called.
  someObject.fire( 'someEvent' );         // No listeners called.
  

  Parameters

  eventName : String

  The event name to fire.

  [ data ] : Object

  Data to be sent as the CKEDITOR.eventInfo.data when calling the listeners.

  [ editor ] : editor

  The editor instance to send as the CKEDITOR.eventInfo.editor when calling the listener.

  Returns

  Boolean | Object

  A booloan indicating that the event is to be canceled, or data returned by one of the listeners.

• focus()CKEDITOR.dom.document#focus

  Moves the selection focus to this document's window.

  See source

• getActive() → elementCKEDITOR.dom.document#getActive

  Returns the element that is currently designated as the active element in the document.

  See source

  Note: Only one element can be active at a time in a document. An active element does not necessarily have focus, but an element with focus is always the active element in a document.

  Returns

  element

  Active element or null if an IE8-9 bug is encountered. See #10030.

• getBody() → elementCKEDITOR.dom.document#getBody

  Gets the <body> element for this document.

  See source

  var element = CKEDITOR.document.getBody();
  alert( element.getName() ); // 'body'
  

  Returns

  element

  The <body> element.

• getByAddress( address, [ normalized ] )CKEDITOR.dom.document#getByAddress

  Gets a node based on its address. See CKEDITOR.dom.node.getAddress.

  See source

  Parameters

  address : Array

  [ normalized ] : Boolean

  Defaults to false

• getById( elementId ) → elementCKEDITOR.dom.document#getById

  Gets an element based on its ID.

  See source

  var element = CKEDITOR.document.getById( 'myElement' );
  alert( element.getId() ); // 'myElement'
  

  Parameters

  elementId : String

  The element ID.

  Returns

  element

  The element instance, or null if not found.

• getCustomData( key ) → ObjectCKEDITOR.dom.document#getCustomData

  Gets the value set to a data slot in this object.

  See source

  var element = new CKEDITOR.dom.element( 'span' );
  alert( element.getCustomData( 'hasCustomData' ) );      // e.g. 'true'
  alert( element.getCustomData( 'nonExistingKey' ) );     // null
  

  Parameters

  key : String

  The key used to identify the data slot.

  Returns

  Object

  This value set to the data slot.

• getDocumentElement() → elementCKEDITOR.dom.document#getDocumentElement

  Gets the DOM document element for this document.

  See source

  Returns

  element

  The DOM document element.

• getElementsByTag( tagName ) → nodeListCKEDITOR.dom.document#getElementsByTag

  Gets elements list based on a given tag name.

  See source

  Parameters

  tagName : String

  The element tag name.

  Returns

  nodeList

  The nodes list.

• getHead() → elementCKEDITOR.dom.document#getHead

  Gets the <head> element for this document.

  See source

  var element = CKEDITOR.document.getHead();
  alert( element.getName() ); // 'head'
  

  Returns

  element

  The <head> element.

• getPrivate() → ObjectCKEDITOR.dom.document#getPrivate

  Gets the private _ object which is bound to the native DOM object using getCustomData.

  See source

  var elementA = new CKEDITOR.dom.element( nativeElement );
  elementA.getPrivate().value = 1;
  ...
  var elementB = new CKEDITOR.dom.element( nativeElement );
  elementB.getPrivate().value; // 1
  

  Returns

  Object

  The private object.

• getSelection() → selectionCKEDITOR.dom.document#getSelection

  Gets the current selection in context of the document's body element.

  See source

  var selection = CKEDITOR.instances.editor1.document.getSelection();
  alert( selection.getType() );
  

  Returns

  selection

  A selection object.

• getUniqueId() → NumberCKEDITOR.dom.document#getUniqueId

  Gets an ID that can be used to identify this DOM object in the running session.

  See source

  Note: This method does not work on text nodes prior to Internet Explorer 9.

  Returns

  Number

  A unique ID.

• getWindow() → windowCKEDITOR.dom.document#getWindow

  Gets the window object that stores this document.

  See source

  Returns

  window

  The window object.

• hasListeners( eventName ) → BooleanCKEDITOR.dom.document#hasListeners

  Checks if there is any listener registered to a given event.

  See source

  var myListener = function() { ... };
  someObject.on( 'someEvent', myListener );
  alert( someObject.hasListeners( 'someEvent' ) );    // true
  alert( someObject.hasListeners( 'noEvent' ) );      // false
  

  Parameters

  eventName : String

  The event name.

  Returns

  Boolean

• on( eventName, listenerFunction, [ scopeObj ], [ listenerData ], [ priority ] ) → ObjectCKEDITOR.dom.document#on

  Registers a listener to a specific event in the current object.

  See source

  someObject.on( 'someEvent', function() {
      alert( this == someObject );        // true
  } );
  
  someObject.on( 'someEvent', function() {
      alert( this == anotherObject );     // true
  }, anotherObject );
  
  someObject.on( 'someEvent', function( event ) {
      alert( event.listenerData );        // 'Example'
  }, null, 'Example' );
  
  someObject.on( 'someEvent', function() { ... } );                       // 2nd called
  someObject.on( 'someEvent', function() { ... }, null, null, 100 );      // 3rd called
  someObject.on( 'someEvent', function() { ... }, null, null, 1 );        // 1st called
  

  Parameters

  eventName : String

  The event name to which listen.

  listenerFunction : Function

  The function listening to the event. A single CKEDITOR.eventInfo object instanced is passed to this function containing all the event data.

  [ scopeObj ] : Object

  The object used to scope the listener call (the this object). If omitted, the current object is used.

  [ listenerData ] : Object

  Data to be sent as the CKEDITOR.eventInfo.listenerData when calling the listener.

  [ priority ] : Number

  The listener priority. Lower priority listeners are called first. Listeners with the same priority value are called in registration order.

  Defaults to 10

  Returns

  Object

  An object containing the removeListener function, which can be used to remove the listener at any time.

• once()CKEDITOR.dom.document#once

  Similiar with on but the listener will be called only once upon the next event firing.

  See source

  CKEDITOR.event.on

• removeAllListeners()CKEDITOR.dom.document#removeAllListeners

  Removes any listener set on this object.

  See source

  To avoid memory leaks we must assure that there are no references left after the object is no longer needed.

• removeCustomData( key ) → ObjectCKEDITOR.dom.document#removeCustomData

  Removes the value in the data slot under the given key.

  See source

  Parameters

  key : String

  Returns

  Object

  Removed value or null if not found.

• removeListener( eventName, listenerFunction )CKEDITOR.dom.document#removeListener

  Unregisters a listener function from being called at the specified event. No errors are thrown if the listener has not been registered previously.

  See source

  var myListener = function() { ... };
  someObject.on( 'someEvent', myListener );
  someObject.fire( 'someEvent' );                 // myListener called.
  someObject.removeListener( 'someEvent', myListener );
  someObject.fire( 'someEvent' );                 // myListener not called.
  

  Parameters

  eventName : String

  The event name.

  listenerFunction : Function

  The listener function to unregister.

• setCustomData( key, value ) → domObjectCKEDITOR.dom.document#setCustomData

  chainable

  Sets a data slot value for this object. These values are shared by all instances pointing to that same DOM object.

  See source

  Note: The created data slot is only guaranteed to be available on this unique DOM node, thus any wish to continue access to it from other element clones (either created by clone node or from innerHtml) will fail. For such usage please use CKEDITOR.dom.element.setAttribute instead.

  Note: This method does not work on text nodes prior to Internet Explorer 9.

  var element = new CKEDITOR.dom.element( 'span' );
  element.setCustomData( 'hasCustomData', true );
  

  Parameters

  key : String

  A key used to identify the data slot.

  value : Object

  The value to set to the data slot.

  Returns

  domObject

  This DOM object instance.

• write( html )CKEDITOR.dom.document#write

  since 3.5.0

  Defines the document content through document.write. Note that the previous document content will be lost (cleaned).

  See source

  document.write(
      '<html>' +
          '<head><title>Sample Document</title></head>' +
          '<body>Document content created by code.</body>' +
      '</html>'
  );
  

  Parameters

  html : String

  The HTML defining the document content.

• _getHtml5ShivFrag() → ObjectCKEDITOR.dom.document#_getHtml5ShivFrag

  since 4.3.0 private

  Internet Explorer 8 only method. It returns a document fragment which has all HTML5 elements enabled.

  See source

  Returns

  Object

  DocumentFragment

Static methods

• implementOn( targetObject )CKEDITOR.dom.document#implementOn

  mixed static

  Implements the CKEDITOR.event features in an object.

  See source

  var myObject = { message: 'Example' };
  CKEDITOR.event.implementOn( myObject );
  
  myObject.on( 'testEvent', function() {
      alert( this.message );
  } );
  myObject.fire( 'testEvent' ); // 'Example'
  

  Parameters

  targetObject : Object

  The object into which implement the features.