|
@@ -9,11 +9,6 @@ import {
|
|
|
upcastElementToElement,
|
|
upcastElementToElement,
|
|
|
} from '../../src/conversion/upcast-converters';
|
|
} from '../../src/conversion/upcast-converters';
|
|
|
|
|
|
|
|
-import {
|
|
|
|
|
- downcastElementToElement,
|
|
|
|
|
- downcastMarkerToHighlight
|
|
|
|
|
-} from '../../src/conversion/downcast-converters';
|
|
|
|
|
-
|
|
|
|
|
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
|
|
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
|
|
|
import Enter from '@ckeditor/ckeditor5-enter/src/enter';
|
|
import Enter from '@ckeditor/ckeditor5-enter/src/enter';
|
|
|
import Typing from '@ckeditor/ckeditor5-typing/src/typing';
|
|
import Typing from '@ckeditor/ckeditor5-typing/src/typing';
|
|
@@ -44,7 +39,7 @@ class FancyWidget extends Plugin {
|
|
|
} );
|
|
} );
|
|
|
schema.extend( 'fancywidget', { allowIn: '$root' } );
|
|
schema.extend( 'fancywidget', { allowIn: '$root' } );
|
|
|
|
|
|
|
|
- conversion.for( 'editingDowncast' ).add( downcastElementToElement( {
|
|
|
|
|
|
|
+ conversion.for( 'editingDowncast' ).elementToElement( {
|
|
|
model: 'fancywidget',
|
|
model: 'fancywidget',
|
|
|
view: ( modelItem, viewWriter ) => {
|
|
view: ( modelItem, viewWriter ) => {
|
|
|
const widgetElement = viewWriter.createContainerElement( 'figure', { class: 'fancy-widget' } );
|
|
const widgetElement = viewWriter.createContainerElement( 'figure', { class: 'fancy-widget' } );
|
|
@@ -52,7 +47,7 @@ class FancyWidget extends Plugin {
|
|
|
|
|
|
|
|
return toWidget( widgetElement, viewWriter );
|
|
return toWidget( widgetElement, viewWriter );
|
|
|
}
|
|
}
|
|
|
- } ) );
|
|
|
|
|
|
|
+ } );
|
|
|
|
|
|
|
|
conversion.for( 'upcast' )
|
|
conversion.for( 'upcast' )
|
|
|
.add( upcastElementToElement( {
|
|
.add( upcastElementToElement( {
|
|
@@ -69,12 +64,12 @@ ClassicEditor.create( global.document.querySelector( '#editor' ), {
|
|
|
.then( editor => {
|
|
.then( editor => {
|
|
|
window.editor = editor;
|
|
window.editor = editor;
|
|
|
|
|
|
|
|
- editor.conversion.for( 'editingDowncast' ).add( downcastMarkerToHighlight( {
|
|
|
|
|
|
|
+ editor.conversion.for( 'editingDowncast' ).markerToHighlight( {
|
|
|
model: 'marker',
|
|
model: 'marker',
|
|
|
view: data => ( {
|
|
view: data => ( {
|
|
|
classes: 'highlight-' + data.markerName.split( ':' )[ 1 ]
|
|
classes: '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' );
|