Position insert bar in jquery editable div

Question

I’m using the summernote API as an email editor, it creates a div to be used as a textarea. The only reference it leaves is the "note-Editable" class. I made a code to replace a word with a tag with content-Editable false so that the user tries to delete, delete all text from it. the code I use:

function insertTag(string, tag){
    string[0] = string[0]  + '<span contentEditable="false" class="enfatizar">' + tag + '</span>&nbsp;';
    var position = string[0].lenght;
    code = string[0] + string[1];
    $('#inputMsgEmail').code(code);
}

Wanted through the returned lenght to insert the insert bar in div '.note-Editable', something like:

$('.note-editable').caretPosition(position);

Answer 1

You are using this summernote, right? If so, let’s go.

The API offers a callback of onChange, that, one of the parameters sent is 'content', I think it would be valid to use such callback to check the content and then add the classes and treats.

As for your doubt, I don’t quite understand it, it could be clearer? :)

But, seeing your code, I noticed that you are not using the variable position nowhere in its function, and because it is local it ends up being unusable along its file.