8
0
Maciej Gołaszewski 5 лет назад
Родитель
Сommit
cfe287f9dd

+ 19 - 11
packages/ckeditor5-engine/docs/framework/guides/deep-dive/conversion-custom-element-converter.md

@@ -124,8 +124,8 @@ function upcastConverter( event, data, conversionApi ) {
 		infoBoxType: getTypeFromViewElement( viewInfoBox )
 	} );
 
-	// Try to safely insert element - if it returns false the element can't be safely inserted into the content,
-	// and the conversion process must stop.
+	// Try to safely insert element - if it returns false the element can't be safely inserted
+	// into the content, and the conversion process must stop.
 	if ( !conversionApi.safeInsert( modelElement, data.modelCursor ) ) {
 		return;
 	}
@@ -191,15 +191,20 @@ function dataDowncastConverter( event, data, conversionApi ) {
 function createViewElements( data, conversionApi ) {
 	const type = data.item.getAttribute( 'infoBoxType' );
 
-	const infoBox = conversionApi.writer.createContainerElement( 'div', { class: `info-box info-box-${ type.toLowerCase() }` } );
-	const infoBoxContent = conversionApi.writer.createEditableElement( 'div', { class: 'info-box-content' } );
+	const infoBox = conversionApi.writer.createContainerElement( 'div', {
+		class: `info-box info-box-${ type.toLowerCase() }`
+	} );
+	const infoBoxContent = conversionApi.writer.createEditableElement( 'div', {
+		class: 'info-box-content'
+	} );
 
-	const infoBoxTitle = conversionApi.writer.createUIElement( 'div', { class: 'info-box-title' }, function( domDocument ) {
-		const domElement = this.toDomElement( domDocument );
+	const infoBoxTitle = conversionApi.writer.createUIElement( 'div', { class: 'info-box-title' },
+		function( domDocument ) {
+			const domElement = this.toDomElement( domDocument );
 
-		domElement.innerText = type;
+			domElement.innerText = type;
 
-		return domElement;
+			return domElement;
 	} );
 
 	return { infoBox, infoBoxContent, infoBoxTitle };
@@ -232,11 +237,14 @@ class InfoBox {
 		} );
 
 		// Upcast converter.
-		editor.conversion.for( 'upcast' ).add( dispatcher => dispatcher.on( 'element:div', upcastConverter ) );
+		editor.conversion.for( 'upcast' )
+			.add( dispatcher => dispatcher.on( 'element:div', upcastConverter ) );
 
 		// The downcast conversion must be split as we need a widget in the editing pipeline.
-		editor.conversion.for( 'editingDowncast' ).add( dispatcher => dispatcher.on( 'insert:infoBox', editingDowncastConverter ) );
-		editor.conversion.for( 'dataDowncast' ).add( dispatcher => dispatcher.on( 'insert:infoBox', dataDowncastConverter ) );
+		editor.conversion.for( 'editingDowncast' )
+			.add( dispatcher => dispatcher.on( 'insert:infoBox', editingDowncastConverter ) );
+		editor.conversion.for( 'dataDowncast' )
+			.add( dispatcher => dispatcher.on( 'insert:infoBox', dataDowncastConverter ) );
 	}
 }
 ```