| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276 |
- /**
- * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md.
- */
- /**
- * @module engine/controller/datacontroller
- */
- import mix from '@ckeditor/ckeditor5-utils/src/mix';
- import ObservableMixin from '@ckeditor/ckeditor5-utils/src/observablemixin';
- import Mapper from '../conversion/mapper';
- import ModelConversionDispatcher from '../conversion/modelconversiondispatcher';
- import { insertText } from '../conversion/model-to-view-converters';
- import ViewConversionDispatcher from '../conversion/viewconversiondispatcher';
- import { convertText, convertToModelFragment } from '../conversion/view-to-model-converters';
- import ViewDocumentFragment from '../view/documentfragment';
- import ModelRange from '../model/range';
- /**
- * Controller for the data pipeline. The data pipeline controls how data is retrieved from the document
- * and set inside it. Hence, the controller features two methods which allow to {@link ~DataController#get get}
- * and {@link ~DataController#set set} data of the {@link ~DataController#model model}
- * using given:
- *
- * * {@link module:engine/dataprocessor/dataprocessor~DataProcessor data processor},
- * * {@link module:engine/conversion/modelconversiondispatcher~ModelConversionDispatcher model to view} and
- * * {@link module:engine/conversion/viewconversiondispatcher~ViewConversionDispatcher view to model} converters.
- *
- * @mixes module:utils/observablemixin~ObservableMixin
- */
- export default class DataController {
- /**
- * Creates data controller instance.
- *
- * @param {module:engine/model/model~Model} model Data model.
- * @param {module:engine/dataprocessor/dataprocessor~DataProcessor} [dataProcessor] Data processor which should used by the controller.
- */
- constructor( model, dataProcessor ) {
- /**
- * Data model.
- *
- * @readonly
- * @member {module:engine/model/model~Model}
- */
- this.model = model;
- /**
- * Data processor used during the conversion.
- *
- * @readonly
- * @member {module:engine/dataProcessor~DataProcessor}
- */
- this.processor = dataProcessor;
- /**
- * Mapper used for the conversion. It has no permanent bindings, because they are created when getting data and
- * cleared directly after data are converted. However, the mapper is defined as class property, because
- * it needs to be passed to the `ModelConversionDispatcher` as a conversion API.
- *
- * @member {module:engine/conversion/mapper~Mapper}
- */
- this.mapper = new Mapper();
- /**
- * Model to view conversion dispatcher used by the {@link #get get method}.
- * To attach model to view converter to the data pipeline you need to add lister to this property:
- *
- * data.modelToView( 'insert:$element', customInsertConverter );
- *
- * Or use {@link module:engine/conversion/buildmodelconverter~ModelConverterBuilder}:
- *
- * buildModelConverter().for( data.modelToView ).fromAttribute( 'bold' ).toElement( 'b' );
- *
- * @readonly
- * @member {module:engine/conversion/modelconversiondispatcher~ModelConversionDispatcher}
- */
- this.modelToView = new ModelConversionDispatcher( this.model, {
- mapper: this.mapper
- } );
- this.modelToView.on( 'insert:$text', insertText(), { priority: 'lowest' } );
- /**
- * View to model conversion dispatcher used by the {@link #set set method}.
- * To attach view to model converter to the data pipeline you need to add lister to this property:
- *
- * data.viewToModel( 'element', customElementConverter );
- *
- * Or use {@link module:engine/conversion/buildviewconverter~ViewConverterBuilder}:
- *
- * buildViewConverter().for( data.viewToModel ).fromElement( 'b' ).toAttribute( 'bold', 'true' );
- *
- * @readonly
- * @member {module:engine/conversion/viewconversiondispatcher~ViewConversionDispatcher}
- */
- this.viewToModel = new ViewConversionDispatcher( this.model, {
- schema: model.schema
- } );
- // Define default converters for text and elements.
- //
- // Note that if there is no default converter for the element it will be skipped, for instance `<b>foo</b>` will be
- // converted to nothing. We add `convertToModelFragment` as a last converter so it converts children of that
- // element to the document fragment so `<b>foo</b>` will be converted to `foo` if there is no converter for `<b>`.
- this.viewToModel.on( 'text', convertText(), { priority: 'lowest' } );
- this.viewToModel.on( 'element', convertToModelFragment(), { priority: 'lowest' } );
- this.viewToModel.on( 'documentFragment', convertToModelFragment(), { priority: 'lowest' } );
- }
- /**
- * Returns model's data converted by the {@link #modelToView model to view converters} and
- * formatted by the {@link #processor data processor}.
- *
- * @param {String} [rootName='main'] Root name.
- * @returns {String} Output data.
- */
- get( rootName = 'main' ) {
- // Get model range.
- return this.stringify( this.model.document.getRoot( rootName ) );
- }
- /**
- * Returns the content of the given {@link module:engine/model/element~Element model's element} or
- * {@link module:engine/model/documentfragment~DocumentFragment model document fragment} converted by the
- * {@link #modelToView model to view converters} and formatted by the
- * {@link #processor data processor}.
- *
- * @param {module:engine/model/element~Element|module:engine/model/documentfragment~DocumentFragment} modelElementOrFragment
- * Element which content will be stringified.
- * @returns {String} Output data.
- */
- stringify( modelElementOrFragment ) {
- // Model -> view.
- const viewDocumentFragment = this.toView( modelElementOrFragment );
- // View -> data.
- return this.processor.toData( viewDocumentFragment );
- }
- /**
- * Returns the content of the given {@link module:engine/model/element~Element model element} or
- * {@link module:engine/model/documentfragment~DocumentFragment model document fragment} converted by the
- * {@link #modelToView model to view converters} to a
- * {@link module:engine/view/documentfragment~DocumentFragment view document fragment}.
- *
- * @param {module:engine/model/element~Element|module:engine/model/documentfragment~DocumentFragment} modelElementOrFragment
- * Element or document fragment which content will be converted.
- * @returns {module:engine/view/documentfragment~DocumentFragment} Output view DocumentFragment.
- */
- toView( modelElementOrFragment ) {
- // First, convert elements.
- const modelRange = ModelRange.createIn( modelElementOrFragment );
- const viewDocumentFragment = new ViewDocumentFragment();
- this.mapper.bindElements( modelElementOrFragment, viewDocumentFragment );
- this.modelToView.convertInsert( modelRange );
- if ( !modelElementOrFragment.is( 'documentFragment' ) ) {
- // Then, if a document element is converted, convert markers.
- // From all document markers, get those, which "intersect" with the converter element.
- const markers = _getMarkersRelativeToElement( modelElementOrFragment );
- for ( const [ name, range ] of markers ) {
- this.modelToView.convertMarkerAdd( name, range );
- }
- }
- // Clear bindings so the next call to this method gives correct results.
- this.mapper.clearBindings();
- return viewDocumentFragment;
- }
- /**
- * Sets input data parsed by the {@link #processor data processor} and
- * converted by the {@link #viewToModel view to model converters}.
- *
- * This method also creates a batch with all the changes applied. If all you need is to parse data use
- * the {@link #parse} method.
- *
- * @param {String} data Input data.
- * @param {String} [rootName='main'] Root name.
- */
- set( data, rootName = 'main' ) {
- // Save to model.
- const modelRoot = this.model.document.getRoot( rootName );
- this.model.enqueueChange( 'transparent', writer => {
- // Clearing selection is a workaround for ticket #569 (LiveRange loses position after removing data from document).
- // After fixing it this code should be removed.
- writer.setSelection( null );
- for ( const key of this.model.document.selection.getAttributeKeys() ) {
- writer.removeSelectionAttribute( key );
- }
- writer.remove( ModelRange.createIn( modelRoot ) );
- writer.insert( this.parse( data ), modelRoot );
- } );
- }
- /**
- * Returns data parsed by the {@link #processor data processor} and then
- * converted by the {@link #viewToModel view to model converters}.
- *
- * @see #set
- * @param {String} data Data to parse.
- * @param {String} [context='$root'] Base context in which the view will be converted to the model. See:
- * {@link module:engine/conversion/viewconversiondispatcher~ViewConversionDispatcher#convert}.
- * @returns {module:engine/model/documentfragment~DocumentFragment} Parsed data.
- */
- parse( data, context = '$root' ) {
- // data -> view
- const viewDocumentFragment = this.processor.toView( data );
- // view -> model
- return this.toModel( viewDocumentFragment, context );
- }
- /**
- * Returns wrapped by {module:engine/model/documentfragment~DocumentFragment} result of the given
- * {@link module:engine/view/element~Element view element} or
- * {@link module:engine/view/documentfragment~DocumentFragment view document fragment} converted by the
- * {@link #viewToModel view to model converters}.
- *
- * When marker elements were converted during conversion process then will be set as DocumentFragment's
- * {@link module:engine/model/documentfragment~DocumentFragment#markers static markers map}.
- *
- * @param {module:engine/view/element~Element|module:engine/view/documentfragment~DocumentFragment} viewElementOrFragment
- * Element or document fragment which content will be converted.
- * @param {String} [context='$root'] Base context in which the view will be converted to the model. See:
- * {@link module:engine/conversion/viewconversiondispatcher~ViewConversionDispatcher#convert}.
- * @returns {module:engine/model/documentfragment~DocumentFragment} Output document fragment.
- */
- toModel( viewElementOrFragment, context = '$root' ) {
- return this.viewToModel.convert( viewElementOrFragment, { context: [ context ] } );
- }
- /**
- * Removes all event listeners set by the DataController.
- */
- destroy() {}
- }
- mix( DataController, ObservableMixin );
- // Helper function for converting part of a model to view.
- //
- // Takes a document element (element that is added to a model document) and checks which markers are inside it
- // and which markers are containing it. If the marker is intersecting with element, the intersection is returned.
- function _getMarkersRelativeToElement( element ) {
- const result = [];
- const doc = element.root.document;
- if ( !doc ) {
- return [];
- }
- const elementRange = ModelRange.createIn( element );
- for ( const marker of doc.model.markers ) {
- const intersection = elementRange.getIntersection( marker.getRange() );
- if ( intersection ) {
- result.push( [ marker.name, intersection ] );
- }
- }
- return result;
- }
|