0

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

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

在此处输入图像描述

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

在 contenteditable div 中引用 Insert html at caretInsert 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 回答