get selected HTML Source Code

IE offers a command that can get you the HTML of the selection I believe, for other browser I have a snippet... but not on this PC. PM me or reply on this topic to remind me to look it up for you.

Hello, i'd also like to know a solution to this problem.

Thanks in advance.

Hi, thanks for reminding. The function to get the HTML of a selection is

// get HTML from selection
function getSelectionHTML(selection)
{
   var range = (document.all ? selection.createRange() : selection.getRangeAt(selection.rangeCount - 1).cloneRange());

   if (document.all)
   {
      return range.htmlText;
   }
   else
   {
      var clonedSelection = range.cloneContents();
      var div = document.createElement('div');
      div.appendChild(clonedSelection);
      return div.innerHTML;
   }
}

Call the function like this

function FCKeditor_OnComplete( editorInstance )
{
   var selection = (editorInstance.EditorWindow.getSelection ? editorInstance.EditorWindow.getSelection() : editorInstance.EditorDocument.selection);
   alert(getSelectionHTML(selection)) ;
}

Oops, there was a bug in the getSelectionHTML function. I've corrected in the post here above.

This does not work with with the new release of CKEditor.

I tried modifying the code to match the new fangled ways:

  function getSelectionHTML(selection) {
               
                var range = (document.all ? selection.getNative().createRange() : selection.getRanges()[selection.getRanges().length - 1].clone());


                if (document.all) 
                    return range.htmlText;                
                else 
                    return $("<div></div>").append(range.cloneContents()).html();

                
            }

It does not like the contents for the range object. Get: DOM Exception: HIERARCHY_REQUEST_ERR (3) on the append.

Have you worked on this problem with the new CKeditor?