Cannot able to get the selected text along with its formatted html

[suganyapalani22]

When selecting the text, i need to add the outer div with some format, I have used this code, but throws some exceptions,

const range = currentElement.summernote('createRange');
var newrange=range.nativeRange()
const newParent = document.createElement('span');
newParent.setAttribute('contenteditable', false);
newParent.setAttribute('class', 'freeze-word');
var newtext=newrange.surroundContents(newParent);

The exception,
Failed to execute 'surroundContents' on 'Range': The Range has partially selected a non-Text node.