用拖放到编辑器中的自定义div(包括属性)来包裹文本

时间:2018-08-12 13:57:52

标签: javascript drag-and-drop editor quill

浏览器允许我们突出显示文本,用鼠标抓取并拖动文本。我想将此文本拖放到QuillJS编辑器中,但是当我为div(在Chrome中)这样做时,它仅接收文本并将其包装在P标记中。如果我拖动一个H1,它会将属性保留在H1上,而且还会将所有样式聚合到编辑器中的新H1中。

我该如何在Quill之外选择文本并将其拖入并让Quill用我自己的客户div来包装此文本/元素。

抢夺:

<h1>Hi there</h1>

拖放到鹅毛笔中,它变成:

<div data-custom="you did it" class="success">Hi there</div>

0 个答案:

没有答案