Parcourir la source

Updated highlighting manual test.

Szymon Kupś il y a 8 ans
Parent
commit
d63e6d6d8c
1 fichiers modifiés avec 11 ajouts et 10 suppressions
  1. 11 10
      packages/ckeditor5-engine/tests/manual/highlight.js

+ 11 - 10
packages/ckeditor5-engine/tests/manual/highlight.js

@@ -39,7 +39,7 @@ class FancyWidget extends Plugin {
 	init() {
 	init() {
 		const editor = this.editor;
 		const editor = this.editor;
 		const schema = editor.model.schema;
 		const schema = editor.model.schema;
-		const data = editor.data;
+		const conversion = editor.conversion;
 
 
 		// Configure schema.
 		// Configure schema.
 		schema.register( 'fancywidget', {
 		schema.register( 'fancywidget', {
@@ -47,21 +47,22 @@ class FancyWidget extends Plugin {
 		} );
 		} );
 		schema.extend( 'fancywidget', { allowIn: '$root' } );
 		schema.extend( 'fancywidget', { allowIn: '$root' } );
 
 
-		downcastElementToElement( {
+		conversion.for( 'editingDowncast' ).add( downcastElementToElement( {
 			model: 'fancywidget',
 			model: 'fancywidget',
 			view: ( modelItem, consumable, conversionApi ) => {
 			view: ( modelItem, consumable, conversionApi ) => {
 				const viewWriter = conversionApi.writer;
 				const viewWriter = conversionApi.writer;
 				const widgetElement = viewWriter.createContainerElement( 'figure', { class: 'fancy-widget' } );
 				const widgetElement = viewWriter.createContainerElement( 'figure', { class: 'fancy-widget' } );
 				viewWriter.insert( ViewPosition.createAt( widgetElement ), viewWriter.createText( 'widget' ) );
 				viewWriter.insert( ViewPosition.createAt( widgetElement ), viewWriter.createText( 'widget' ) );
 
 
-				return toWidget( widgetElement );
+				return toWidget( widgetElement, viewWriter );
 			}
 			}
-		} )( data.downcastDispatcher );
+		} ) );
 
 
-		upcastElementToElement( {
-			view: 'figure',
-			model: 'fancywidget'
-		} )( data.upcastDispatcher );
+		conversion.for( 'upcast' )
+			.add( upcastElementToElement( {
+				view: 'figure',
+				model: 'fancywidget'
+			} ) );
 	}
 	}
 }
 }
 
 
@@ -72,12 +73,12 @@ ClassicEditor.create( global.document.querySelector( '#editor' ), {
 	.then( editor => {
 	.then( editor => {
 		window.editor = editor;
 		window.editor = editor;
 
 
-		downcastMarkerToHighlight( {
+		editor.conversion.for( 'editingDowncast' ).add( downcastMarkerToHighlight( {
 			model: 'marker',
 			model: 'marker',
 			view: data => ( {
 			view: data => ( {
 				class: 'highlight-' + data.markerName.split( ':' )[ 1 ]
 				class: 'highlight-' + data.markerName.split( ':' )[ 1 ]
 			} )
 			} )
-		} );
+		} ) );
 
 
 		document.getElementById( 'add-marker-yellow' ).addEventListener( 'mousedown', evt => {
 		document.getElementById( 'add-marker-yellow' ).addEventListener( 'mousedown', evt => {
 			addMarker( editor, 'yellow' );
 			addMarker( editor, 'yellow' );