Saltar al contenido

obtener el html del texto seleccionado en div

Hemos investigado en el mundo on line para tener para ti la respuesta a tu problema, en caso de alguna duda puedes dejarnos un comentario y contestaremos porque estamos para ayudarte.

Solución:

Para obtener el HTML seleccionado como stringpuede utilizar la siguiente función:

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;
        
    
    return html;

Seleccione el texto y guárdelo en la variable llamada mytext.

if (!window.x) 
    x = ;

x.Selector = ;
x.Selector.getSelected = function() 
    var t = '';
    if (window.getSelection) 
        t = window.getSelection();
     else if (document.getSelection) 
        t = document.getSelection();
     else if (document.selection) 
        t = document.selection.createRange().text;
    
    return t;


$(function() 
    $(document).bind("mouseup", function() 
        var mytext = x.Selector.getSelected();
        alert(mytext);
    );
);

Consulte el ejemplo de trabajo en http://jsfiddle.net/YstZn/1/

window.getSelection().getRangeAt(0);

Devuelve un fragmento de documento. Contiene los nodos donde comienza y termina la selección y algunas otras cosas jugosas. Inspecciónelo con FireBug u otra consola de JavaScript, &&|| para más información

  • https://developer.mozilla.org/en/DOM/Selección
  • https://developer.mozilla.org/en/DOM/rango
  • https://developer.mozilla.org/en/window.getSelection

Eres capaz de añadir valor a nuestra información asistiendo con tu veteranía en las referencias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *