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-alignment-ui
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-block-quote-ui
npm install @udecode/plate-break
npm install @udecode/plate-code-block
npm install @udecode/plate-code-block-ui
npm install @udecode/plate-common
npm install @udecode/plate-core
npm install @udecode/plate-dnd
npm install @udecode/plate-find-replace
npm install @udecode/plate-find-replace-ui
npm install @udecode/plate-heading
npm install @udecode/plate-highlight
npm install @udecode/plate-image
npm install @udecode/plate-image-ui
npm install @udecode/plate-kbd
npm install @udecode/plate-link
npm install @udecode/plate-link-ui
npm install @udecode/plate-list
npm install @udecode/plate-list-ui
npm install @udecode/plate-md-serializer
npm install @udecode/plate-media-embed
npm install @udecode/plate-media-embed-ui
npm install @udecode/plate-mention
npm install @udecode/plate-mention-ui
npm install @udecode/plate-node-id
npm install @udecode/plate-normalizers
npm install @udecode/plate-paragraph
npm install @udecode/plate-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-table-ui
npm install @udecode/plate-toolbar
npm install @udecode/plate-trailing-block