get selected HTML Source Code

[urslang]

How can I get the selected HTML source code?

This code gets the selected text. I would like to get the HTML source code or the ID of selected HTML element.

Code: Select all

var selection = "";
if(editorInstance.EditorDocument.selection != null) {
   selection = "value1 "+editorInstance.EditorDocument.selection.createRange().text;
}
else {
   selection = "value2 "+editorInstance.EditorWindow.getSelection();
}

[saul11]

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.

[brecht.conba]

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

Thanks in advance.

[saul11]

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

Code: Select all

// 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

Code: Select all

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


[saul11]

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