blocktoolbar.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /**
  2. * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* globals window, document, console:false */
  6. import BalloonEditor from '@ckeditor/ckeditor5-editor-balloon/src/ballooneditor';
  7. import ArticlePluginSet from '@ckeditor/ckeditor5-core/tests/_utils/articlepluginset';
  8. import HeadingButtonsUI from '@ckeditor/ckeditor5-heading/src/headingbuttonsui';
  9. import ParagraphButtonUI from '@ckeditor/ckeditor5-paragraph/src/paragraphbuttonui';
  10. import BalloonToolbar from '../../../src/toolbar/balloon/balloontoolbar';
  11. import BlockToolbar from '../../../src/toolbar/block/blocktoolbar';
  12. class CustomBlockToolbar extends BlockToolbar {
  13. init() {
  14. super.init();
  15. this.on( 'checkAllowed', ( evt, args ) => {
  16. const viewElement = args[ 0 ];
  17. if ( viewElement.name === 'h2' ) {
  18. evt.return = false;
  19. }
  20. } );
  21. }
  22. }
  23. BalloonEditor
  24. .create( document.querySelector( '#editor' ), {
  25. plugins: [ ArticlePluginSet, HeadingButtonsUI, ParagraphButtonUI, BalloonToolbar, CustomBlockToolbar ],
  26. balloonToolbar: [ 'bold', 'italic', 'link' ],
  27. blockToolbar: [ 'paragraph', 'heading1', 'heading2', 'heading3', 'bulletedList', 'numberedList', 'blockQuote' ]
  28. } )
  29. .then( editor => {
  30. window.editor = editor;
  31. } )
  32. .catch( err => {
  33. console.error( err.stack );
  34. } );