feat: adding table & cell properties & table caption support

letsbug · Aug 20, 2022 · fa2c5be · fa2c5be
1 parent 4476230
commit fa2c5be
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 13 deletions.
diff --git a/docs/src/app.tsx b/docs/src/app.tsx
@@ -5,9 +5,9 @@ import type { MceConfig, MceBase } from '../../types';
 import { presetData } from './data';
 
 const navConf = [
-	{ name: 'Classic Build', type: 'classic' },
-	{ name: 'Balloon Build', type: 'balloon' },
-	{ name: 'Inline Build', type: 'inline' },
+	{ name: 'Classic Mode', type: 'classic' },
+	{ name: 'Balloon Mode', type: 'balloon' },
+	{ name: 'Inline Mode', type: 'inline' },
 ];
 
 let ckInstance: MceBase | null = null;
@@ -88,9 +88,9 @@ const App = defineComponent({
 			const mainClass = {
 				'ck-main': true,
 				// 'build-decoupled': type.value === 'BuildDecoupled',
-				'build-balloon': type.value === 'BuildBalloon',
-				'build-classic': type.value === 'BuildClassic',
-				'build-inline': type.value === 'BuildInline',
+				'build-balloon': type.value === 'balloon',
+				'build-classic': type.value === 'classic',
+				'build-inline': type.value === 'inline',
 			};
 			const navs = navConf.map((n) => (
 				<li class={{ active: n.type === type.value }} onClick={() => checkType(n.type)}>

diff --git a/docs/src/style/index.css b/docs/src/style/index.css
@@ -91,8 +91,7 @@ body {
 	top: 0;
 }
 
-.ck-main.build-classic,
-.ck-main.build-inline {
+.ck-main {
 	width: 800px;
 }
 

diff --git a/src/configs.js b/src/configs.js
@@ -20,7 +20,14 @@ import { MediaEmbed, MediaEmbedToolbar } from '@ckeditor/ckeditor5-media-embed/s
 import { HtmlEmbed } from '@ckeditor/ckeditor5-html-embed/src';
 import { Paragraph } from '@ckeditor/ckeditor5-paragraph/src';
 import { PageBreak } from '@ckeditor/ckeditor5-page-break/src';
-import { Table, TableToolbar, TableColumnResize } from '@ckeditor/ckeditor5-table/src';
+import {
+	Table,
+	TableToolbar,
+	TableColumnResize,
+	TableProperties,
+	TableCellProperties,
+	TableCaption,
+} from '@ckeditor/ckeditor5-table/src';
 import { TextTransformation } from '@ckeditor/ckeditor5-typing/src';
 import { RemoveFormat } from '@ckeditor/ckeditor5-remove-format/src';
 import { Indent } from '@ckeditor/ckeditor5-indent/src';
@@ -51,6 +58,9 @@ export const builtins = [
 	Essentials,
 	BlockToolbar,
 	BalloonToolbar,
+	FindAndReplace,
+
+	TextTransformation,
 	Alignment,
 	Autoformat,
 	Bold,
@@ -61,30 +71,36 @@ export const builtins = [
 	BlockQuote,
 	Heading,
 	Indent,
+	Subscript,
+	Superscript,
+
 	ImageBlock,
 	ImageStyle,
 	ImageToolbar,
 	ImageUpload,
 	ImageResize,
+
 	Link,
 	LinkImage,
+
 	List,
 	MediaEmbed,
 	MediaEmbedToolbar,
 	HtmlEmbed,
 	Paragraph,
 	PageBreak,
 	PasteFromOffice,
+
 	Table,
 	TableToolbar,
 	TableColumnResize,
-	TextTransformation,
-	Subscript,
-	Superscript,
+	TableProperties,
+	TableCellProperties,
+	TableCaption,
+
 	SimpleAdapter,
 	RemoveFormat,
 	Highlight,
-	FindAndReplace,
 
 	// custom plugins with @hlw/ckeditor5-plugins
 	Outline,