在文本块内拖动一个元素

时间:2018-06-26 21:11:30

标签: javascript html css drag-and-drop polymer

我找不到一种方法来拖动内联块元素,例如,样式为内联块的 span ,或者实际上是说出的文本块内的任何内联块元素,一个 p 块。我实际上是在尝试将自定义 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 ,甚至直接进入 body

2)我希望将段落中的各个单词包装在标签中,以使它们可以以编程方式不受影响。

那么,简单地说,可以将内联块元素放入文本块吗?

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

注意: 我很乐意使用非常轻巧的框架来实现这一目标。

0 个答案:

没有答案