Installation

Plate is essentially a set of npm packages that can be installed over npm.

You can install all the packages bundled together:

npm
Yarn

npm install @udecode/plate

You will also need these peer dependencies:

npm
Yarn

npm install slate slate-react slate-history slate-hyperscript react react-dom styled-components

Alternatively you can install only the packages you need:

npm
Yarn

npm install @udecode/plate-alignment
npm install @udecode/plate-ui-alignment
npm install @udecode/plate-autoformat
npm install @udecode/plate-basic-elements
npm install @udecode/plate-basic-marks
npm install @udecode/plate-block-quote
npm install @udecode/plate-ui-block-quote
npm install @udecode/plate-break
npm install @udecode/plate-code-block
npm install @udecode/plate-ui-code-block
npm install @udecode/plate-common
npm install @udecode/plate-core
npm install @udecode/plate-ui-dnd
npm install @udecode/plate-find-replace
npm install @udecode/plate-ui-find-replace
npm install @udecode/plate-heading
npm install @udecode/plate-highlight
npm install @udecode/plate-image
npm install @udecode/plate-ui-image
npm install @udecode/plate-kbd
npm install @udecode/plate-link
npm install @udecode/plate-ui-link
npm install @udecode/plate-list
npm install @udecode/plate-ui-list
npm install @udecode/plate-serializer-md
npm install @udecode/plate-media-embed
npm install @udecode/plate-ui-media-embed
npm install @udecode/plate-mention
npm install @udecode/plate-ui-mention
npm install @udecode/plate-node-id
npm install @udecode/plate-normalizers
npm install @udecode/plate-paragraph
npm install @udecode/plate-ui-placeholder
npm install @udecode/plate-reset-node
npm install @udecode/plate-select
npm install @udecode/plate-styled-components
npm install @udecode/plate-table
npm install @udecode/plate-ui-table
npm install @udecode/plate-ui-toolbar
npm install @udecode/plate-trailing-block