How to replace selected text with html in a contenteditable element? [duplicate]

by

See here for working jsFiddle: http://jsfiddle.net/dKaJ3/2/

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

Code taken from Tim Down: Return HTML from a user-selected text

More Related Contents:

  1. contenteditable change events
  2. How to set the caret (cursor) position in a contenteditable element (div)?
  3. Insert html at caret in a contenteditable div
  4. Set cursor position on contentEditable
  5. Prevent contenteditable adding on ENTER – Chrome
  6. Javascript Contenteditable – set Cursor / Caret to index
  7. How to select all text in contenteditable div?
  8. Saving and Restoring caret position for contentEditable div
  9. Limiting the number of characters in a ContentEditable div
  10. Extracting text from a contentEditable div
  11. Get content of span
  12. How to do this mouse over effect in jquery?
  13. Creating a JavaScript global array with static elements?
  14. jQuery document.createElement equivalent?
  15. how to access iFrame parent page using jquery?
  16. Is there a jQuery autogrow plugin for text fields?
  17. Set attribute without value
  18. How do I catch jQuery $.getJSON (or $.ajax with datatype set to ‘jsonp’) error when using JSONP?
  19. Generate unique number within range (0 – X), keeping a history to prevent duplicates
  20. Why does appending a to a dynamically created seem to run the script in the parent page?
  21. How to convert unordered list into nicely styled dropdown using jquery?
  22. How can I toggle the element that is clicked and hide all others?
  23. jQuery validate plugin on DIV
  24. Detect browser character support in javascript?
  25. how to get selection inside a div using jquery/javascript
  26. Get Correct keyCode for keypad(numpad) keys
  27. hide div if clicked outside of it [duplicate]
  28. How to flatten array in jQuery?
  29. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  30. Capturing result of window.onbeforeunload confirmation dialog

Leave a Comment