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