首页 > 解决方案 > 拖动文本块内的元素

问题描述

我找不到拖动 inline-block 元素的方法,例如样式为 inline-block 的span ,或者实际上是p块中保存的文本块内的任何 inline-block 元素。我实际上是在尝试将自定义的polymer2元素拖放到文本块中。

例如:

我有以下...

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>

我想单击并拖动位于页面某处的元素,甚至在p块本身中拖动到段落中,并将其拖放到其中的任何位置。因此,我需要一个插入符号来指示放置区域,或者更好的是,将文本围绕悬停元素流动。

请注意: 1) 它不一定是p标签。它也可以是一个div甚至直接进入身体

2)我希望将段落中的单个单词包装在标签中,以便它们可以通过编程方式流出。

那么,简单来说,可以将 inline-block 元素放入文本块中吗?

通过使块contentEditable可以实现,但它似乎只复制元素的内联文本,而不是元素本身。所以这对我没有用。

注意:我很乐意使用一个非常轻量级的框架来实现这一点。

标签: javascripthtmlcssdrag-and-droppolymer

解决方案


推荐阅读