0

我正在使用mindmup的 WYSIWYG 富文本编辑器

我在工具栏中添加了一个下拉框，我使用此下拉框从服务器获取内容，并将光标指向的编辑器中的现有内容追加/前置。

在此处输入图像描述

但它不会将数据添加到编辑器。

我在 contenteditable div 中引用 Insert html at caret和Insert text at cursor in a content editable div

但他们不为我工作。

这是我在更改下拉菜单时用来获取数据的功能

function loadJournalTemplate(journalTemplateId) {

$.post('/Journal/GetTemplate', { journalId: journalTemplateId }, 
  function (data, textStatus) {
    if (textStatus == "success") {

        $('#editor1').html(data.content); //Here i need to append/prepend
    }
 }, "json");

}

我们如何在当前光标位置添加 HTML？

注意：当我在单击编辑器之前直接选择一个下拉列表时，此Insert text at cursor in a content editable div添加下拉列表本身的内容

4

1 回答 1

1

听起来工具栏按钮正在从可编辑元素中窃取焦点，从而破坏了选择。您要么需要阻止按钮/下拉菜单执行此操作，要么保存并恢复光标位置，在这种情况下，您需要在工具栏按钮破坏选择之前检测它们的点击（可能使用mousedown）。

示例：contenteditable 选定的文本保存和恢复

于 2013-06-02T10:53:58.890 回答