How to get selected html text with javascript? [duplicate]

by

Here’s a function that will get you HTML corresponding to the current selection in all major browsers. It also handles multiple ranges within a selection (currently only implemented in Firefox):

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;
}

alert(getSelectionHtml());

More Related Contents:

  1. Get caret (cursor) position in contentEditable area containing HTML content
  2. getSelection & surroundContents across multiple tags
  3. What’s the best way to set cursor/caret position?
  4. Replacing live with on function [closed]
  5. Counting the occurrences / frequency of array elements
  6. Using variable keys to access values in JavaScript objects
  7. Using HTML comment tag still relevant around JavaScript code?
  8. Passing a function with parameters as a parameter?
  9. Is it possible to trigger a link’s (or any element’s) click event through JavaScript?
  10. Function to convert timestamp to human date in javascript [duplicate]
  11. Bootstrap close responsive menu “on click”
  12. Node.js tail-call optimization: possible or not?
  13. What is the difference between native objects and host objects?
  14. javascript Date timezone issue
  15. Puppeteer page.evaluate querySelectorAll return empty objects
  16. Javascript ES6 class definition not accessible in window global
  17. Uncaught TypeError: (intermediate value)(…) is not a function
  18. How to tell if a element is currently playing?
  19. AJAX post error : Refused to set unsafe header “Connection”
  20. Regex to remove spaces between ‘[‘ and ‘]’
  21. How to disable beforeunload action when user is submitting a form?
  22. Page Redirect after X seconds wait using JavaScript
  23. Canvas image masking / overlapping
  24. jquery datatables hide column
  25. Exporting Node module from promise result
  26. Limit concurrency of pending promises
  27. Javascript: Using `.includes` to find if an array of objects contains a specific object
  28. Scroll Position of div with “overflow: auto”
  29. Call function with setInterval in jQuery?
  30. How to fetch data server-side in the app directory of Next.js? Tried getStaticProps but it’s returning undefined

Leave a Comment