Components
Cloud
Cloud
Integrate cloud functionality to enable seamless access to cloud-based resources.
Installation
npx @udecode/plate-ui@latest add cloud
Examples
Loading...
Plugins
const plugins = createMyPlugins(
[
...basicNodesPlugins,
createCloudPlugin({
options: {},
}),
createCloudAttachmentPlugin(),
createCloudImagePlugin({
options: {
maxInitialWidth: 320,
maxInitialHeight: 320,
minResizeWidth: 100,
maxResizeWidth: 720,
},
}),
],
{
components: {
...plateUI,
[ELEMENT_CLOUD_ATTACHMENT]: CloudAttachmentElement,
[ELEMENT_CLOUD_IMAGE]: CloudImageElement,
},
}
);
Demo
export default function CloudDemo() {
return (
<Plate<MyValue> plugins={plugins} initialValue={cloudValue}>
<FixedToolbar>
<CloudToolbarButtons />
</FixedToolbar>
<Editor />
</Plate>
);
}