javascript - 如何在 Ckeditor 的光标位置放置一个 html 元素？

Question

我很难成功地在我的 Ckeditor 中放置我正在拖放的 html 元素。到目前为止，我已经能够使用“setData”将它放在我的内容的最后。但是我想把它放在我光标所在的位置。

我的意思是，与其这样做:

<p>My content with <span>spans</span>, <a>links</a>, etc.</p><span>The html I am drag/droping</span>

我想这样做:

<p>My content with <span>spans</span>, <span>The html I am drag/droping</span>, <a>links</a>, etc.</p>

现在，我的代码看起来像这样:

CKEDITOR.instances['myContent'].insertHtml(' <span>The html I am drag/droping</span>');

• 我试过 insertText 但它从来没有奏效。
• 然后我尝试了 insertHtml，但它只在 IE 中有效。

你知道如何解决它吗？那将是一个很大的帮助!谢谢。

Answer 1

使用 Ckeditor“粘贴”(放置)事件/方法而不是原生的。

在你的插件 editor.on('instanceReady'...假设 CKEditor 4.x

粘贴和放下由同一个事件“粘贴”处理。 Ckeditor 将 dataValue 的内容放在编辑器中的光标位置。

editor.on('paste', function(e){
    // get data from e.data.dataTransfer or wherever ...
    e.data.dataValue = ' <span>The html I am drag/droping</span>';
});