tiptap-react-image-resize
v1.2.3
react image resize extension for tiptap
0/weekUpdated 1 years agoISCUnpacked: 12.5 KB
Published by cewcongyaqwq
npm install tiptap-react-image-resizetiptap-react-image-resize
install
$3
npm i tiptap-react-image-resize
$3
yarn add tiptap-react-image-resize
description
it's a npm package for tiptap-react extension
resized by onMouseDown and onMouseMove event
usage
``tsx
export const EditorDemo = () => {
const editor = useEditor({
extensions: [
Document,
Text,
ImageSizeExtension.configure({
maxWidth: "800px",
}),
],
content:
,`
});
return (
);
};
configuration
`typescriptinline-block
export interface ImageSizeExtensionOptions {
// image min width
minWidth: string | number;
// image max width & loader default width
maxWidth: string | number;
// border color when selected
activeBorderColor: string;
// image size level, default set to [300, 600, 900]
levels: [number, number, number] | [number, number];
// display or block, default to false``
display: 'inline-block' | 'block';
allowBase64: boolean;
HTMLAttributes: Record
}
online demo
others
if it's helpful for you, please give me a star !