wordpress - 是否可以在 Wordpress Gutenberg Editor 中使用可拖动项目？

Question

我在自定义块中的古腾堡编辑器内的可拖动项目有问题。有可能吗？

我尝试使用draggable prop和Draggable component。没有任何效果。

可拖动属性：

<div draggable></div>

或者

<div draggable="true"></div>

或来自https://github.com/WordPress/gutenberg/tree/master/packages/components/src/draggable的示例

Devtools 显示可拖动属性（draggable="true"），但我仍然无法在编辑器中拖动任何项目。我错过了什么？谢谢你。

标签： wordpressdraggablewordpress-gutenberggutenberg-blocks

Answer 1

是的，可以将 Gutenberg 中的可拖动项目与 Draggable 组件一起使用，但是该<Draggable>组件仅用于/仅用于在主块编辑界面中<InspectorControls>而不是在主块编辑界面中，参考：GitHub 问题 12635

来自WordPress Docs的示例代码显示了 Panel/PanelBody 内的可拖动组件，该组件用于<InspectorControls>. 由于 Gutenberg 仍在积极开发中，可拖动组件可能会发生变化。我还发现源代码有助于更好地理解该组件的工作原理。