wordpress - 是否可以在 Wordpress 古腾堡编辑器中使用可拖动项目？

Question

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

我尝试使用draggable prop 和Draggable component。什么都没用。

可拖动属性:

<div draggable></div>

或

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

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

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

Answer 1

是的，可以在 Gutenberg 中使用 Draggable 组件使用可拖动项，但是 <Draggable>组件是/曾经只打算在 <InspectorControls> 中工作而不是在主 block 编辑界面内，引用:GitHub Issue 12635

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