html5 drag and drop - перетаскивание одного символа текста - возможно ли увидеть символ в курсоре, как работает с изображением?

Question

есть шахматная доска. части могут быть изображениями или символами юникода.

при перетаскивании изображений курсор показывает изображение, например, белый рыцарь.

при перетаскивании символа - фактически перетаскивании элемента div, в котором этот символ заключен, поскольку вы не можете прикрепить триггер перетаскивания к текстовому элементу - курсор показывает небольшой документ вместо одного символа внутри элемента div.

это проблема, так как я хочу, чтобы пользователь знал, какую часть он перемещает!

есть ли для этого работа со шрифтами, как это работает с изображениями?

Answer 1

Вы можете использовать div с display: inline при отображении в текстовой строке.Затем он будет вести себя как нормальный промежуток.После перетаскивания перейдите в отображение: блок и положение: абсолютное, чтобы включить перетаскивание.