italicengine.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /**
  2. * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /**
  6. * @module basic-styles/italicengine
  7. */
  8. import Plugin from 'ckeditor5-core/src/plugin';
  9. import buildModelConverter from 'ckeditor5-engine/src/conversion/buildmodelconverter';
  10. import buildViewConverter from 'ckeditor5-engine/src/conversion/buildviewconverter';
  11. import ToggleAttributeCommand from 'ckeditor5-core/src/command/toggleattributecommand';
  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 ] } );
  31. // Build converter from model to view for data and editing pipelines.
  32. buildModelConverter().for( data.modelToView, editing.modelToView )
  33. .fromAttribute( ITALIC )
  34. .toElement( 'em' );
  35. // Build converter from view to model for data pipeline.
  36. buildViewConverter().for( data.viewToModel )
  37. .fromElement( 'em' )
  38. .fromElement( 'i' )
  39. .fromAttribute( 'style', { 'font-style': 'italic' } )
  40. .toAttribute( ITALIC, true );
  41. // Create italic command.
  42. editor.commands.set( ITALIC, new ToggleAttributeCommand( editor, ITALIC ) );
  43. }
  44. }