medium-editor 和 pasteHTML 将光标保持在粘贴范围内 html

Question

更新添加了步骤图片。

我一直在思考与 Medium Editor and I'm towards the end of what I want to achieve, but this last one has me puzzled. I'm using the Medium Button 扩展有关的所有事情，以帮助创建一个自定义按钮，该按钮触发一个功能，然后单击。在我尝试将一些新的 HTML 粘贴到编辑器之前，一切都很顺利。这是 jQuery 点击函数：

$(document).on('click', 'a.tag_person', function(){

   var name = $(this).text();
   var id = $(this).data('id');

   var link = '<a data-rel="'+id+'">'+name+'</a>';
   editor.pasteHTML(link);    

   $('.tagging_list').remove();
});

所以它在代码中添加了类似这样的内容：Sally。这样可行。我遇到的问题是在可编辑字段中，插入符号位于关闭标记之前。因此，当人们继续打字时，它只会在我希望它踢出时不断向该标记添加文本。必须有一种方法可以将插入符号移到标签之外。

有人有想法吗？？

谢谢！

Answer 1

我找到了某种解决方案。当你粘贴 HTML 时，在它周围放一些东西。我正在使用刻度线。苏：

var link = '`<a data-id="'+id+'">'+name+'</a>`';
editor.pasteHTML(link);

当编辑器重新获得焦点时，它在标签之外。

我确定有更好的方法，但这是我能想到的最好方法。

medium-editor 和 pasteHTML 将光标保持在粘贴范围内 html

medium-editor and pasteHTML keeps cursor within pasted html

jquery

contenteditable

medium-editor