Add IndentBlock plugin & make editor config simpler

ckeditor · Mar 25, 2020 · 3c75814 · 3c75814
1 parent 62da9fa
commit 3c75814
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 70 deletions.
diff --git a/docs/_snippets/features/build-table-source.js b/docs/_snippets/features/build-table-source.js
@@ -10,10 +10,37 @@ import ClassicEditor from '@ckeditor/ckeditor5-build-classic/src/ckeditor';
 import FontFamily from '@ckeditor/ckeditor5-font/src/fontfamily';
 import FontSize from '@ckeditor/ckeditor5-font/src/fontsize';
 import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment';
+import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
 import TableProperties from '@ckeditor/ckeditor5-table/src/tableproperties';
 import TableCellProperties from '@ckeditor/ckeditor5-table/src/tablecellproperties';
 
-ClassicEditor.builtinPlugins.push( FontFamily, FontSize, Alignment );
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
+
+ClassicEditor.builtinPlugins.push( FontFamily, FontSize, Alignment, IndentBlock );
+ClassicEditor.defaultConfig = {
+	cloudServices: CS_CONFIG,
+	toolbar: {
+		items: [
+			'insertTable',
+			'|',
+			'fontFamily', 'fontSize',
+			'|',
+			'bold', 'italic',
+			'|',
+			'alignment:left', 'alignment:center', 'alignment:right', 'alignment:justify',
+			'|',
+			'bulletedList', 'numberedList',
+			'|',
+			'indent', 'outdent',
+			'|',
+			'link', 'blockQuote',
+			'|',
+			'undo', 'redo'
+		],
+		viewportTopOffset: window.getViewportTopOffsetConfig()
+	},
+	indentBlock: { offset: 30, unit: 'px' }
+};
 
 window.ClassicEditor = ClassicEditor;
 window.CKEditorPlugins = {

diff --git a/docs/_snippets/features/table-styling-colors.js b/docs/_snippets/features/table-styling-colors.js
@@ -5,8 +5,6 @@
 
 /* globals ClassicEditor, CKEditorPlugins, console, window, document */
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
-
 const customColorPalette = [
 	{
 		color: 'hsl(4, 90%, 58%)',
@@ -96,27 +94,6 @@ ClassicEditor
 			CKEditorPlugins.TableProperties,
 			CKEditorPlugins.TableCellProperties
 		],
-		cloudServices: CS_CONFIG,
-		toolbar: {
-			items: [
-				'insertTable',
-				'|',
-				'fontFamily', 'fontSize',
-				'|',
-				'bold', 'italic',
-				'|',
-				'alignment:left', 'alignment:center', 'alignment:right', 'alignment:justify',
-				'|',
-				'bulletedList', 'numberedList',
-				'|',
-				'indent', 'outdent',
-				'|',
-				'link', 'blockQuote',
-				'|',
-				'undo', 'redo'
-			],
-			viewportTopOffset: window.getViewportTopOffsetConfig()
-		},
 		table: {
 			contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties' ],
 			tableProperties: {

diff --git a/docs/_snippets/features/table-styling.js b/docs/_snippets/features/table-styling.js
@@ -5,8 +5,6 @@
 
 /* globals ClassicEditor, CKEditorPlugins, console, window, document */
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
-
 const COLOR_PALETTE = [
 	{
 		color: 'hsl(0, 0%, 0%)',
@@ -97,27 +95,6 @@ ClassicEditor
 			CKEditorPlugins.TableProperties,
 			CKEditorPlugins.TableCellProperties
 		],
-		cloudServices: CS_CONFIG,
-		toolbar: {
-			items: [
-				'insertTable',
-				'|',
-				'fontFamily', 'fontSize',
-				'|',
-				'bold', 'italic',
-				'|',
-				'alignment:left', 'alignment:center', 'alignment:right', 'alignment:justify',
-				'|',
-				'bulletedList', 'numberedList',
-				'|',
-				'indent', 'outdent',
-				'|',
-				'link', 'blockQuote',
-				'|',
-				'undo', 'redo'
-			],
-			viewportTopOffset: window.getViewportTopOffsetConfig()
-		},
 		table: {
 			contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties' ],
 			tableProperties: {

diff --git a/docs/_snippets/features/table.js b/docs/_snippets/features/table.js
@@ -5,31 +5,8 @@
 
 /* globals ClassicEditor, console, window, document */
 
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
-
 ClassicEditor
 	.create( document.querySelector( '#snippet-table' ), {
-		cloudServices: CS_CONFIG,
-		toolbar: {
-			items: [
-				'insertTable',
-				'|',
-				'fontFamily', 'fontSize',
-				'|',
-				'bold', 'italic',
-				'|',
-				'alignment:left', 'alignment:center', 'alignment:right', 'alignment:justify',
-				'|',
-				'bulletedList', 'numberedList',
-				'|',
-				'indent', 'outdent',
-				'|',
-				'link', 'blockQuote',
-				'|',
-				'undo', 'redo'
-			],
-			viewportTopOffset: window.getViewportTopOffsetConfig()
-		},
 		table: {
 			contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]
 		}