@draft-js-plugins/resizeable

DraftJS Resizable Plugin

This is a plugin for the draft-js-plugins-editor.

Usage:

import createResizeablePlugin from '@draft-js-plugins/resizeable';

const resizePlugin = createResizeablePlugin({ isResizable: true });

This plugin does not require, but work better in combination with the draft-js-focus-plugin.

You can pass optional parameter to createResizeablePlugin;

Props	Type	Description	Required
horizontal	"auto" or "relative" or "absolute"	"relative" measures the width of image in percentages, while "absolute" measures in pixels	no
vertical	"auto" or "relative" or "absolute"	same as horizontal, but for height	no
initialWidth	string	initial width of image. If not passed, the default value is 40 (either % or px, depending on type of horizontal) unless horizontal is set to "auto". In case of "auto" is has no effect. You can pass any valid css value for property width. For example, "100px", "60%" or "auto"	no
initialHeight	string	same as initialWidth, but for height	no

Example

import createResizeablePlugin from '@draft-js-plugins/resizeable';

const resizePlugin = createResizeablePlugin({
  horizontal: 'absolute',
  initialWidth: 'auto',
});