当鼠标悬停在图像底部时如何允许调整大小？

Question

我正在使用 Draft.js 可调整大小的插件。

我试图在鼠标悬停在图像底部（如果可能，也包括右下角）时允许调整大小。

在document 用法部分，它说：

Hover with the mouse on the right side of the block and drag it to resize. At which edge resize is possible is configurable.

但是，配置参数部分是空的。

如何在此函数中使用参数？

const resizeablePlugin = createResizeablePlugin();

Answer 1

很遗憾，文档中未指定此配置。但是我们可以研究源代码，我们可以注意到 createResizablePlugin 函数接收这个默认配置对象：

{
  horizontal: 'relative',
  vertical: false,
  resizeSteps: 1
}

所以我们应该这样覆盖vertical 属性：

const resizeablePlugin = createResizeablePlugin({
  vertical: 'absolute', // <== ! override default value
});

之后我们可以通过拖动底部边缘和右下角来调整大小。