TinyMCE perde posizione del cursore

Question

Ho un pulsante di TinyMCE personalizzato, che alterna un emoticon div accanto a una textarea.

onclick : function() { 
    ed.focus(); 
    $('#my-input').toggleClass('with-emoticons'); 
    $('#emoticons').toggleClass('emo-visible'); 
} 

Quando clicco il bottone, le emoticon div ha rivelato, ma il cursore va dalla fine all'inizio del mio testo.

Come posso mantenere la posizione del cursore mentre si fa clic sul pulsante personalizzato?

Answer 1

Sembra che è necessario utilizzare un segnalibro

onclick : function() { 
    ed.focus(); 

    var bookmark = ed.selection.getBookmark(); 

    $('#my-input').toggleClass('with-emoticons'); 
    $('#emoticons').toggleClass('emo-visible'); 

    ed.selection.moveToBookmark(bookmark); 
} 

Il segnalibro-tipo utilizzato ecco un segnalibro HTML che rappresenta un arco non visibile in editor HTML. La funzione getBookmark è in grado di generare anche segnalibri non html. Per questo si può chiamare ed.selection.getBookmark(2, true); Per ulteriori informazioni sui segnalibri TinyMCE hanno uno sguardo al docs.