Wysiwyg Editor Place Html Content In Current Position

I am using a WYSIWYG Rich Text Editor from mindmup I added a dropdown box in toolbar I use this dropdown to fetch the content from server and append/prepend to the existing content

Solution 1:

Sounds like the toolbar buttons are stealing the focus from the editable element, thus destroying the selection. You'll either need to prevent the buttons/dropdowns from doing this or save and restore the cursor position, in which case you'll need to detect clicks on the toolbar buttons before they destroy the selection (possibly using mousedown).

Example: contenteditable selected text save and restore