element (attrbiutes are converted separately).
editor.conversion.for( 'downcast' ).elementToElement( {
model: 'div',
view: 'div'
} );
// Model-to-view converter for
attributes.
// Note that a lower-level, event-based API is used here.
editor.conversion.for( 'downcast' ).add( dispatcher => {
dispatcher.on( 'attribute', ( evt, data, conversionApi ) => {
// Convert
attributes only.
if ( data.item.name != 'div' ) {
return;
}
const viewWriter = conversionApi.writer;
const viewDiv = conversionApi.mapper.toViewElement( data.item );
// In the model-to-view conversion we convert changes. An attribute can be added or removed or changed.
// The below code handles all 3 cases.
if ( data.attributeNewValue ) {
viewWriter.setAttribute( data.attributeKey, data.attributeNewValue, viewDiv );
} else {
viewWriter.removeAttribute( data.attributeKey, viewDiv );
}
} );
} );
}
ClassicEditor
.create( document.querySelector( '#snippet-div-attributes' ), {
cloudServices: CS_CONFIG,
extraPlugins: [ ConvertDivAttributes ],
toolbar: {
viewportTopOffset: window.getViewportTopOffsetConfig()
}
} )
.then( editor => {
window.editor = editor;
} )
.catch( err => {
console.error( err.stack );
} );