/*! * VisualEditor ContentEditable DocumentNode class. * * @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /** * ContentEditable document node. * * @class * @extends ve.ce.BranchNode * @constructor * @param {ve.dm.DocumentNode} model Model to observe */ ve.ce.DocumentNode = function VeCeDocumentNode( model, surface ) { // Parent constructor ve.ce.BranchNode.call( this, 'document', model ); // Properties this.surface = surface; // DOM Changes this.$.addClass( 've-ce-documentNode' ); this.$.attr( 'contentEditable', 'true' ); this.$.attr( 'spellcheck', 'true' ); }; /* Inheritance */ ve.inheritClass( ve.ce.DocumentNode, ve.ce.BranchNode ); /* Methods */ /** * Get the outer length. * * For a document node is the same as the inner length, which is why we override it here. * * @method * @returns {number} Length of the entire node */ ve.ce.DocumentNode.prototype.getOuterLength = function () { return this.length; }; /** * Get the surface the document is attached to. * * @method * @returns {ve.ce.Surface} Surface the document is attached to */ ve.ce.DocumentNode.prototype.getSurface = function () { return this.surface; }; /** * Disable editing. * * @method */ ve.ce.DocumentNode.prototype.disable = function () { this.$.css( 'opacity', 0.5 ).attr( 'contentEditable', 'false' ); }; /** * Enable editing. * * @method */ ve.ce.DocumentNode.prototype.enable = function () { this.$.css( 'opacity', 1 ).attr( 'contentEditable', 'true' ); }; /* Registration */ ve.ce.nodeFactory.register( 'document', ve.ce.DocumentNode );