I have the following Editor declaration:

      <ce:editor ID="Editor" Runat="server"
        AutoConfigure="Full"
        AutoParseClasses="true"
        BorderWidth="0"
        DisableAutoFormatting="false"
        EnableStripScriptTags="false"
        FilesPath="/sitecore/Shell/Editor"
        Focus="false"
        FrameStyle="margin:0"
        Height="100%"
        ShowDecreaseButton="false"
        ShowEnlargeButton="false"
        ThemeType="Office2003"
        Width="100%"
        UseRelativeLinks="true"
        UseSimpleAmpersand="true">
      </ce:editor>

When I try to get a selected text via JScript code:

  if(editselection.rangeCount > 0)
  {
                var r=sel.getRangeAt(0);
                var clonedSelection = r.cloneContents();
                var div = document.createElement('div');
                div.appendChild(clonedSelection);
                r.collapse(true);
                alert(div.innerHTML);
   }
 

I can not get property editselection.rangeCount worked. It looks like this property does not exist. Where I was wrong?
How can I get a selected HTML text and replace it with my own?

I used the example from the forum but it seems does not work: http://www.cutesoft.net/forums/10645/ShowPost.aspx 
As I can see from assembly I get 5.0 version. Thank you in advance.  

>>I can not get property editselection.rangeCount worked. It looks like this property does not exist. Where I was wrong?

The rangeCount only works in Gecko based browsers, like firefox, netscape...

 

 

>>How can I get a selected HTML text and replace it with my own?

    var editor1 = document.getElementById('<%=Editor1.ClientID%>');
    var editselection=editor1.GetSelection();  
    var r= editselection.createRange();

    alert(r.htmlText); // get a selected HTML text

You should use the following javaScript API instead of writing your own:

function PasteHTML(html)
{
    // get the cute editor instance
    var editor1 = document.getElementById('<%=Editor1.ClientID%>');
    
    editor1.PasteHTML(html);
}

 

Keep me posted

 

 

Thanks a lot.  I found another way:

   var editor1 = document.getElementById('CE_Editor_ID');
   //Get the editor selection
   var editor1doc = editor1.GetDocument();
   if (editor1doc.selection=="Text")
   {
     selectedhtml = editor1doc.selection.createRange().htmlText;
     alert(selectedhtml);
   }

However function PasteHTML(html) helps only if I want to replace the whole HTML text in editor. How about "replace selected text with my own"? Thank you in advance.

 

 

 

Should be

 

 

 

>>However function PasteHTML(html) helps only if I want to replace the whole HTML text in editor. How about "replace selected text with my own"? Thank you in advance.

 

PasteHTML(html)  only replace selected text.

 

You can test here:

 

 

Select a piece of text then click the "Insert HTML" button.

 

 

How about my question?

>However function PasteHTML(html) helps only if I want to replace the whole HTML text in editor. How about "replace selected text with my own"? Thank you in advance.

Ok. I can get the whole text of editor and then replace selected text and afterwards place this text again to editor. However will it be the right way? For example HTML editor may contain the same text which was not selected and in this case it will be replaced as well. So, please give me the right way how to replace selected text on my own. Thanks a lot.  

 

 

Sorry. I can see the answer from you. Please disregard my last question. Thank you a lot...

Hi,

 

sir the PasteHTML method is not working properly for IE(6,7) in my case. I am selects a image and want to replace it with

                  varHtml = ("beforeimage" + image + "afterimage"),

 

so im using the PasteHTML method. But it dont replace the image with varHtml, it appends the varHtml next to the image, so it becomes

                 image + ("beforeimage" + image + "afterimage")

 

here image is my image tag <img height="200" alt="" src="http://cutesoft.net/LabTrackPNV4/NotebookImages/Demo.7.1/Winter.jpg" width="200" border="1" />

 

This is working properly for FF and Safari, but not on IE(6,7).

 

Here is the javascipt code for it

 

           function CE_LineOutSelectionHTML() {

                 var editor1 = document.getElementById('<%=Editor1.ClientID%>');
                 var editor1doc = editor1.GetDocument();
            
                 var selectedhtml = editor1doc.selection.createRange().htmlText;
                 var html = "**BEFORESELECTION**" + selectedhtml + "**AFTERSELECTION**";
                 editor1.PasteHTML(html);
                 return;

          }

 

 

Please look into this guide us.

 

Thanks in advance.

Hi Amrutas ,

 

Try this code:

 

  function CE_LineOutSelectionHTML() {

                 var editor1 = document.getElementById('<%=Editor1.ClientID%>');
                 var editor1doc = editor1.GetDocument();
                 var selectedhtml;
                 if(editor1doc.selection.type=="Control" )
                 {
                    selectedhtml = editor1doc.selection.createRange().item(0).outerHTML;
                 }
                 else
                 {
                 selectedhtml = editor1doc.selection.createRange().htmlText;
                 }
                 var html = "**BEFORESELECTION**" + selectedhtml + "**AFTERSELECTION**";
                 editor1.PasteHTML(html);
                 return;
          }

 

Regards,

 

Ken