@udecode/plate-table

What is @udecode/plate-table?

@udecode/plate-table is a plugin for the Plate editor, which is a rich text editor built on top of Slate. This package provides table functionalities, allowing users to create, edit, and manage tables within the editor.

What are @udecode/plate-table's main functionalities?

Table Creation

This feature allows you to add table creation capabilities to your Plate editor instance. By including the `createTablePlugin` in your plugins array, users can insert tables into their documents.

import { createTablePlugin } from '@udecode/plate-table';

const plugins = [
  createTablePlugin(),
];

Table Editing

This feature provides the ability to edit existing tables within the editor. Users can modify table structure, such as adding or removing rows and columns, and adjust cell content.

import { createTablePlugin } from '@udecode/plate-table';

const plugins = [
  createTablePlugin(),
];

// Example of how to use the plugin to edit a table
const editor = usePlateEditorRef();
const table = getTableNode(editor);

if (table) {
  // Perform table editing operations
}

Table Formatting

This feature allows users to apply various formatting options to tables and their cells, such as bolding text, changing cell background colors, and adjusting cell alignment.

import { createTablePlugin } from '@udecode/plate-table';

const plugins = [
  createTablePlugin(),
];

// Example of how to use the plugin to format a table
const editor = usePlateEditorRef();
const table = getTableNode(editor);

if (table) {
  // Apply formatting to the table
  setTableCellProperties(editor, { bold: true });
}

Other packages similar to @udecode/plate-table

slate-table

slate-table is a plugin for the Slate editor that provides table functionalities similar to @udecode/plate-table. It allows users to create, edit, and format tables within the Slate editor. However, it may not be as feature-rich or as actively maintained as @udecode/plate-table.

draft-js-table-plugin

draft-js-table-plugin is a plugin for the Draft.js editor that adds table support. It offers basic table creation and editing capabilities. Compared to @udecode/plate-table, it is designed for use with Draft.js rather than Slate, and may have a different API and feature set.

prosemirror-tables

prosemirror-tables is a plugin for the ProseMirror editor that provides table functionalities. It allows users to create, edit, and format tables within the ProseMirror editor. While it offers similar capabilities to @udecode/plate-table, it is tailored for use with ProseMirror and may have different integration requirements.

README

Plate table plugin

This package implements the table plugin for Plate.

Documentation

Check out Table.

License

MIT