@ckeditor/ckeditor5-table/ckeditor5-metadata.json

Table feature for CKEditor 5.

{
	"plugins": [
		{
			"name": "Table",
			"className": "Table",
			"description": "Adds table creation and editing tools that help content authors bring tabular data into their documents.",
			"docs": "features/tables/tables.html",
			"path": "src/table.js",
			"uiComponents": [
				{
					"type": "SplitButton",
					"name": "insertTable",
					"iconPath": "@ckeditor/ckeditor5-core/theme/icons/table.svg"
				},
				{
					"type": "Button",
					"name": "tableColumn",
					"iconPath": "theme/icons/table-column.svg",
					"toolbars": [
						"table.contentToolbar"
					]
				},
				{
					"type": "Button",
					"name": "tableRow",
					"iconPath": "theme/icons/table-row.svg",
					"toolbars": [
						"table.contentToolbar"
					]
				},
				{
					"type": "Button",
					"name": "mergeTableCells",
					"iconPath": "theme/icons/table-merge-cell.svg",
					"toolbars": [
						"table.contentToolbar"
					]
				}
			],
			"htmlOutput": [
				{
					"elements": "figure",
					"classes": "table"
				},
				{
					"elements": [
						"table",
						"thead",
						"tbody",
						"tr"
					]
				},
				{
					"elements": [
						"td",
						"th"
					],
					"attributes": [
						"colspan",
						"rowspan"
					]
				}
			]
		},
		{
			"name": "Table cell properties",
			"className": "TableCellProperties",
			"description": "Adds the ability to style individual table cells.",
			"docs": "features/tables/tables-styling.html",
			"path": "src/tablecellproperties",
			"requires": [
				"Table",
				"TableToolbar"
			],
			"uiComponents": [
				{
					"type": "Button",
					"name": "tableCellProperties",
					"iconPath": "theme/icons/table-cell-properties.svg",
					"toolbars": [
						"table.contentToolbar"
					]
				}
			],
			"htmlOutput": [
				{
					"elements": [
						"td",
						"th"
					],
					"styles": [
						"background-color",
						"border",
						"border-*",
						"height",
						"padding",
						"text-align",
						"vertical-align",
						"width"
					]
				}
			]
		},
		{
			"name": "Table properties",
			"className": "TableProperties",
			"description": "Adds the ability to style entire tables.",
			"docs": "features/tables/tables-styling.html",
			"path": "src/tableproperties",
			"requires": [
				"Table",
				"TableToolbar"
			],
			"uiComponents": [
				{
					"type": "Button",
					"name": "tableProperties",
					"iconPath": "theme/icons/table-properties.svg",
					"toolbars": [
						"table.contentToolbar"
					]
				}
			],
			"htmlOutput": [
				{
					"elements": "figure",
					"styles": [
						"float",
						"height",
						"width"
					]
				},
				{
					"elements": "table",
					"styles": [
						"background-color",
						"border",
						"border-*"
					]
				}
			]
		},
		{
			"name": "Table toolbar",
			"className": "TableToolbar",
			"description": "Creates configurable toolbars for both the table feature and table content. They show up when the table widget or the content inside a table cell are selected.",
			"docs": "features/tables/tables.html#toolbars",
			"path": "src/tabletoolbar.js",
			"requires": [
				"Table"
			],
			"registeredToolbars": [
				"table.contentToolbar",
				"table.tableToolbar"
			]
		},
		{
			"name": "Table caption",
			"className": "TableCaption",
			"description": "Adds support for table captions, which inform the reader about the content of the table. Using captions is also beneficial from the accessibility point of view.",
			"docs": "features/tables/tables-caption.html",
			"path": "src/tablecaption.js",
			"requires": [
				"Table"
			],
			"htmlOutput": [
				{
					"elements": "figcaption",
					"attributes": "data-placeholder"
				}
			]
		},
		{
			"name": "Table column resize",
			"className": "TableColumnResize",
			"description": "Adds support for table column resize, which allows to set the width of each column in a table using a resize handle.",
			"docs": "features/tables/tables-resize.html",
			"path": "src/tablecolumnresize.js",
			"requires": [
				"Table"
			],
			"htmlOutput": [
				{
					"elements": "colgroup"
				},
				{
					"elements": "col",
					"styles": "width"
				}
			]
		}
	]
}