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

Question

我正在使用Draft.js插件Resizeable。

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

在document 用法部分，它说：

  

将鼠标悬停在块的右侧并拖动它以调整大小。可以配置边缘调整大小。

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

如何在此功能中使用参数？

const resizeablePlugin = createResizeablePlugin();

Answer 1

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

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

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

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

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