Installation

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

You can install all the packages bundled together:

npm

npm install @udecode/plate

Yarn

yarn add @udecode/plate

You will also need these peer dependencies:

npm

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

Yarn

yarn add slate slate-react slate-history slate-hyperscript react react-dom styled-components

Alternatively you can install only the packages you need:

npm

npm install @udecode/plate-alignment

npm install @udecode/plate-alignment-ui

npm install @udecode/plate-ast-serializer

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-html-serializer

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

Yarn

yarn add @udecode/plate-alignment

yarn add @udecode/plate-alignment-ui

yarn add @udecode/plate-ast-serializer

yarn add @udecode/plate-autoformat

yarn add @udecode/plate-basic-elements

yarn add @udecode/plate-basic-marks

yarn add @udecode/plate-block-quote

yarn add @udecode/plate-block-quote-ui

yarn add @udecode/plate-break

yarn add @udecode/plate-code-block

yarn add @udecode/plate-code-block-ui

yarn add @udecode/plate-common

yarn add @udecode/plate-core

yarn add @udecode/plate-dnd

yarn add @udecode/plate-find-replace

yarn add @udecode/plate-find-replace-ui

yarn add @udecode/plate-heading

yarn add @udecode/plate-highlight

yarn add @udecode/plate-html-serializer

yarn add @udecode/plate-image

yarn add @udecode/plate-image-ui

yarn add @udecode/plate-kbd

yarn add @udecode/plate-link

yarn add @udecode/plate-link-ui

yarn add @udecode/plate-list

yarn add @udecode/plate-list-ui

yarn add @udecode/plate-md-serializer

yarn add @udecode/plate-media-embed

yarn add @udecode/plate-media-embed-ui

yarn add @udecode/plate-mention

yarn add @udecode/plate-mention-ui

yarn add @udecode/plate-node-id

yarn add @udecode/plate-normalizers

yarn add @udecode/plate-paragraph

yarn add @udecode/plate-placeholder

yarn add @udecode/plate-reset-node

yarn add @udecode/plate-select

yarn add @udecode/plate-styled-components

yarn add @udecode/plate-table

yarn add @udecode/plate-table-ui

yarn add @udecode/plate-toolbar

yarn add @udecode/plate-trailing-block