diff --git a/sample/ckeditor.ts b/sample/ckeditor.ts index 460097f..e2d3edf 100644 --- a/sample/ckeditor.ts +++ b/sample/ckeditor.ts @@ -30,7 +30,8 @@ import { FontFamily, FontColor, FontSize, - FontBackgroundColor + FontBackgroundColor, + Alignment } from 'ckeditor5'; import CKEditorInspector from '@ckeditor/ckeditor5-inspector'; @@ -67,7 +68,8 @@ ClassicEditor FontFamily, FontColor, FontSize, - FontBackgroundColor + FontBackgroundColor, + Alignment ], toolbar: [ 'undo', @@ -77,6 +79,8 @@ ClassicEditor '|', 'heading', '|', + 'alignment', + '|', 'bold', 'italic', 'link', @@ -113,6 +117,14 @@ ClassicEditor 'tableRow', 'mergeTableCells' ] + }, + fontSize: { + options: [ + generatePtSetting( 14 ), + generatePtSetting( 16 ), + generatePtSetting( 18 ), + generatePtSetting( 20 ) + ] } } ) .then( editor => { @@ -123,3 +135,16 @@ ClassicEditor .catch( err => { window.console.error( err.stack ); } ); + +function generatePtSetting( size: number ): any { + return { + model: size, + title: `${ size }pt`, + view: { + name: 'span', + styles: { + 'font-size': `${ size }pt` + } + } + }; +}