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

Posted 2023-05-08

【中文标题】是否可以在 Wordpress Gutenberg Editor 中使用可拖动项目？

【英文标题】：Is it possible to use draggable items in Wordpress Gutenberg Editor?

【发布时间】：2019-09-27 19:56:06

【问题描述】：

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

我尝试使用可拖动道具和可拖动组件。没有任何效果。

可拖动属性：

<div draggable></div>

或

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

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

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

【问题讨论】：

你能分享你的代码吗？您是否像示例一样包含import Draggable from '@wordpress/components';？

我正在为此苦苦挣扎。你找到解决办法了吗？

【参考方案1】：

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

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