Estoy intentando obtener el código HTML del texto que seleccione un usuario.
function getSelectionHtml() {
var html = "";
if (typeof window.getSelection != "undefined") {
var sel = window.getSelection();
if (sel.rangeCount) {
var container = document.createElement("div");
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
container.appendChild(sel.getRangeAt(i).cloneContents());
}
html = container.innerHTML;
}
} else if (typeof document.selection != "undefined") {
if (document.selection.type == "Text") {
html = document.selection.createRange().htmlText;
}
}
alert(html);
}
<div onmouseup="getSelectionHtml()"><span>Lorem ipsum dolor sit amet</span>, <i>consectetur adipiscing elit.</i> <b>Proin finibus laoreet dolor, sed vestibulum</b> mi suscipit id. Donec molestie lectus non neque fringilla, id pulvinar dui suscipit. <i>Etiam congue diam pellentesque finibus congue. Mauris varius faucibus ipsum, vitae consectetur mauris eleifend ac.</i> Quisque dignissim tincidunt dolor, quis molestie ex. Morbi molestie odio et viverra mattis. <b>Proin libero dolor, tincidunt sit amet magna id, semper porta nisl. Duis congue nulla risus, at molestie neque sodales ut.</b> Nam sit amet condimentum dolor. Fusce ullamcorper nibh ac laoreet euismod. Sed vel quam neque. Cras posuere neque at ex accumsan, sed vehicula velit scelerisque. </div>
Tengo la siguiente función pero añade una etiqueta de inicio en caso que se encuentre dentro de otra. Habría alguna forma de obtener el código HTML exacto del código seleccionado?
Por ejemplo, si yo selecciono "adipiscing elit. Proin finibus"(primera línea) mi función devuelve lo siguiente:
<i>adipiscing elit.</i> <b>Proin finibus</b>
Lo que quiero que me devuelva es:
adipiscing elit.</i> <b>Proin finibus
Actualmente me añade etiquetas de inicio y cierre, lo que quisiera es que en caso de que no lo seleccione desde el principio, no muestre estas etiquetas de inicio y cierre.