ckeditor5-image-upload-base64
Version:
The development environment of CKEditor 5 – the best browser-based rich text editor.
65 lines (55 loc) • 1.9 kB
JavaScript
/**
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module restricted-editing/standardeditingmodeediting
*/
import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
import RestrictedEditingExceptionCommand from './restrictededitingexceptioncommand';
/**
* The standard editing mode editing feature.
*
* * It introduces the `restrictedEditingException` text attribute that is rendered as
* a `<span>` element with the `restricted-editing-exception` CSS class.
* * It registers the `'restrictedEditingException'` command.
*
* @extends module:core/plugin~Plugin
*/
export default class StandardEditingModeEditing extends Plugin {
/**
* @inheritDoc
*/
static get pluginName() {
return 'StandardEditingModeEditing';
}
/**
* @inheritDoc
*/
init() {
const editor = this.editor;
editor.model.schema.extend( '$text', { allowAttributes: [ 'restrictedEditingException' ] } );
editor.conversion.for( 'upcast' ).elementToAttribute( {
model: 'restrictedEditingException',
view: {
name: 'span',
classes: 'restricted-editing-exception'
}
} );
editor.conversion.for( 'downcast' ).attributeToElement( {
model: 'restrictedEditingException',
view: ( modelAttributeValue, { writer } ) => {
if ( modelAttributeValue ) {
// Make the restricted editing <span> outer-most in the view.
return writer.createAttributeElement( 'span', { class: 'restricted-editing-exception' }, { priority: -10 } );
}
}
} );
editor.commands.add( 'restrictedEditingException', new RestrictedEditingExceptionCommand( editor ) );
editor.editing.view.change( writer => {
for ( const root of editor.editing.view.document.roots ) {
writer.addClass( 'ck-restricted-editing_mode_standard', root );
}
} );
}
}