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

Question

我在Gutenberg Editor中的自定义块中的可拖动项目有问题。可能吗？

我尝试使用可拖动道具和可拖动组件。什么都没有。

可拖动属性：

<div draggable></div>

或

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

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

的示例

Devtools显示了可拖动属性（draggable =“ true”），但我仍然无法在编辑器内拖动任何项目。我想念什么？谢谢。

Answer 1

是的，可以在Gutenberg中使用Draggable组件来使用可拖动项目，但是<Draggable>组件仅/打算在<InspectorControls>中工作，而不能在主块编辑界面中工作，参考：GitHub Issue 12635

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