如何在TinyMce中制作自定义块并使其可拖动

时间:2017-07-12 16:38:16

标签: javascript jquery tinymce draggable jquery-ui-draggable

我遇到了一个奇怪的问题,也许你可以帮助我。

我正在使用TinyMce所见即所得的编辑器。最近我决定创建一个可拖动的 编辑器文本中的块元素 (不在编辑器UI本身,而是在可编辑文本内)。

新元素是一个带有自定义类的div,除了两件事外,一切都很好。

首先 - 我不能选择"这个新元素点击了'行动。当我尝试选择此块时,编辑器仅选择其中的文本。 我需要选择这个元素作为整个对象,这样我就可以拖放并复制/粘贴它,就像标准插件中的图像或媒体元素一样。

第二 - 由于某种原因,我无法在编辑器文本中初始化可拖动/可排序的JQuery插件。这个功能非常有用,但我在TinyMCE文档中找不到任何引用。我尝试过使用jquery-ui中的.draggable(),但div在拖拽结束后只是消失了。

以下是一个例子:https://codepen.io/Rutori/pen/eRxEox

div看起来像这样:

<div class="cooldiv" data-name="Drag me!"></div>

请协助。

1 个答案:

答案 0 :(得分:-1)

所以,基本上你只需要设置属性«contenteditable =“false”»