2016-12-16 4 views
0

Example of what happenseсредней редактор и pasteHTML держит курсор внутри вставленного HTML

ОБНОВЛЕНИЕ добавили изображение шагов.

Я продолжаю думать обо всем, что связано с Medium Editor, и я к концу того, чего хочу достичь, но этот последний меня озадачил. Я использую расширение 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(); 
}); 

Поэтому он добавляет что-то вроде этого: Салли к коду. Это работает. У меня возникают проблемы с редактируемым полем, каретка расположена непосредственно перед тегом закрытия. Поэтому, когда люди продолжают печатать, он просто добавляет текст к этому знаку, когда я хочу, чтобы он вышел из игры. Должен быть способ переместить каретку за пределы тега.

У кого-нибудь есть идея?

СПАСИБО!

+0

Вы можете предоставить снимок экрана каретки. – Adrianopolis

+0

Конечно @Adrianopolis! Просмотр обновленного сообщения. – cbloss793

ответ

0

У меня есть какое-то решение. Когда вы вставляете HTML, поместите что-нибудь вокруг него. Я использую отметки. Sooo:

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

Когда редактор восстанавливает фокус, он находится вне метки.

Я уверен, что есть лучший способ waaaay, но это было лучшее, что я мог придумать.