在当前位置所见即所得的编辑器的地方HTML内容(WYSIWYG Editor place HTML

我使用从一个所见即所得的富文本编辑器mindmup

我补充工具栏我用这个下拉菜单来从服务器的内容和附加/添加到在游标指向编辑现有内容的下拉框。

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

我提到插入HTML在插入符号在CONTENTEDITABLE DIV和在内容编辑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？

注意：这在内容编辑格在光标处插入文本增加了在下拉本身的内容，当我点击编辑器之前直接选择下拉

Answer 1:

听起来像工具栏按钮窃取从可编辑元件的焦点，从而破坏该选择。 你要么需要防止的按钮/下拉菜单从这样或保存和恢复光标位置 ，在这种情况下你需要检测工具栏上的按钮，点击它们摧毁的选择（可能使用前， mousedown ）。

例如： CONTENTEDITABLE选定的文本保存和恢复

文章来源: WYSIWYG Editor place HTML content in current position