Можно ли использовать перетаскиваемые элементы в редакторе Wordpress Gutenberg?

У меня проблема с перетаскиваемыми элементами внутри редактора Gutenberg в пользовательских блоках. Это вообще возможно?

Я пробовал использовать перетаскиваемую опору и перетаскиваемый компонент. Ничего не работает.

Перетаскиваемый атрибут:

<div draggable></div>

or

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

или пример из https://github.com/WordPress/gutenberg/tree/master/packages/components/src/draggable

Devtools показывает атрибут перетаскивания (draggable = "true"), но я все еще не могу перетаскивать элементы внутри редактора. Что мне не хватает? Спасибо.


wordpress draggable wordpress-gutenberg gutenberg-blocks
person Igor Melekhov    schedule 09.05.2019    source источник
comment
Вы можете поделиться своим кодом? Вы включаете import { Draggable } from '@wordpress/components';, как в примере?   -  person Adrian Cobo    schedule 17.07.2019
comment
Я борюсь с этим. Вы нашли решение?   -  person AndreVitorio    schedule 01.08.2020

Ответы (1)


arrow_upward
0
arrow_downward

Да, можно использовать перетаскиваемые элементы в Gutenberg с компонентом Draggable, однако компонент <Draggable> предназначен / предназначен только для работы в <InspectorControls>, а не в главном интерфейсе редактирования блока, ref: Ошибка GitHub 12635

В примере кода из WordPress Docs показан перетаскиваемый компонент внутри Panel. / PanelBody, который используется в <InspectorControls>. Перетаскиваемый компонент может измениться, поскольку Gutenberg все еще находится в активной разработке. Я также нашел исходный код полезным для улучшения понять, как работает этот компонент.

person S.Walsh    schedule 29.11.2020