italicengine.js 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /**
  6. * @module basic-styles/italicengine
  7. */
  8. import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
  9. import buildModelConverter from '@ckeditor/ckeditor5-engine/src/conversion/buildmodelconverter';
  10. import buildViewConverter from '@ckeditor/ckeditor5-engine/src/conversion/buildviewconverter';
  11. import AttributeCommand from './attributecommand';
  12. const ITALIC = 'italic';
  13. /**
  14. * The italic engine feature.
  15. *
  16. * It registers the `italic` command and introduces the `italic` attribute in the model which renders to the view
  17. * as an `<em>` element.
  18. *
  19. * @extends module:core/plugin~Plugin
  20. */
  21. export default class ItalicEngine extends Plugin {
  22. /**
  23. * @inheritDoc
  24. */
  25. init() {
  26. const editor = this.editor;
  27. const data = editor.data;
  28. const editing = editor.editing;
  29. // Allow italic attribute on all inline nodes.
  30. editor.document.schema.allow( { name: '$inline', attributes: ITALIC, inside: '$block' } );
  31. // Temporary workaround. See https://github.com/ckeditor/ckeditor5/issues/477.
  32. editor.document.schema.allow( { name: '$inline', attributes: ITALIC, inside: '$clipboardHolder' } );
  33. // Build converter from model to view for data and editing pipelines.
  34. buildModelConverter().for( data.modelToView, editing.modelToView )
  35. .fromAttribute( ITALIC )
  36. .toElement( 'i' );
  37. // Build converter from view to model for data pipeline.
  38. buildViewConverter().for( data.viewToModel )
  39. .fromElement( 'em' )
  40. .fromElement( 'i' )
  41. .fromAttribute( 'style', { 'font-style': 'italic' } )
  42. .toAttribute( ITALIC, true );
  43. // Create italic command.
  44. editor.commands.add( ITALIC, new AttributeCommand( editor, ITALIC ) );
  45. }
  46. }