Support forums - Problem with PasteHTML in IE 7 and 8

Support forums » Products » Cute Editor for .NET » Problem with PasteHTML in IE 7 and 8

Problem with PasteHTML in IE 7 and 8

Last post 02-25-2010, 12:42 PM by gspagel. 4 replies.


	Sort Posts: Previous Next

02-24-2010, 1:57 PM 58950

gspagel
Joined on 02-24-2010
Posts 3

Problem with PasteHTML in IE 7 and 8

Reply Quote

Hello --

I created a custom button that allows a user to select text in the editor and create a link using a custom web form. When I create an HTML string to insert in place of selected text, the editor is wrapping the individual pieces of the string in paragraph tags. This does not happen in Firefox 3.

Web Control Code

<CE:Editor ID="articleCopy" ConfigurationPath="/CuteSoft_Client/CuteEditor/Configuration/AutoConfigure/Wizard.config" BreakElement="P" UseStandardDialog="true" ShowPreviewMode="false" ThemeType="Office2007"Height="425px" Width="480px" OnLoad="SetEditorId" runat="server" />

Javascript Code

<script type="text/javascript">
    var editor = window.opener.document.getElementById('<%= EditorId %>');

    var doc = editor.GetDocument();
    var win = editor.GetWindow();
    var selectedhtml;

    if (doc.selection && doc.selection.createRange)
    {
       rng = doc.selection.createRange();

       if (rng.htmlText)
       {
          selectedhtml = rng.htmlText;
       }
       else if (rng.length >= 1)
       {
          selectedhtml = rng.item(0).outerHTML;
       }
    }
    else if (win.getSelection)
    {
        rng = win.getSelection();

        if (rng.rangeCount > 0 && window.XMLSerializer)
        {
            rng = rng.getRangeAt(0);
            selectedhtml = new XMLSerializer().serializeToString(rng.cloneContents());
        }
    }

    function setEditorHtml(tab)
    {
        var id;

        if (tab == 0)
        {
            id = document.getElementById("tabContainer_contentBrowserTab_contentBrowser_selectedItemId").value.replace(/\W+/g, '');
        }
        else
        {
            id = document.getElementById("tabContainer_mediaBrowserTab_mediaBrowser_selectedItemId").value.replace(/\W+/g, '');
        }

        var html = '<a href="~/link.aspx?_id=' + id + '&_z=z">' + selectedhtml + '</a>';
        editor.PasteHTML(html);
        window.close();
    }
</script>

What I see in the editor's HTML view before invoking my custom action:

<p>This is the first sentence.</p>
<p>This is the second sentence.</p>

What I see in the editor's HTML view when I select the second sentence and the above script runs in IE 7/8:

<p>This is the first sentence.</p>
<p><a href="~/link.aspx?_id=7B89C93AB52A4457B553A26D55C713F3&_z=z"> </p>
<p>This is the second sentence.</p>
<p></a> </p>

But, in Firefox 3:

<p>This is the first sentence.</p>
<p><a href="~/link.aspx?_id=7B89C93AB52A4457B553A26D55C713F3&_z=z">This is the second sentence. </a></p>

So what's the scoop? I can't seem to figure out what's causing this problem. I thought it might be carriage returns/line feeds in the selected HTML, but stripping the whitespace from both ends had no effect. Any ideas?

Thanks in advance,

Geoffrey

02-24-2010, 2:21 PM 58953 in reply to 58950

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Problem with PasteHTML in IE 7 and 8

Reply Quote

Can add alert(html); before editor.PasteHTML(html);?

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

02-24-2010, 2:42 PM 58954 in reply to 58953

gspagel
Joined on 02-24-2010
Posts 3

Re: Problem with PasteHTML in IE 7 and 8

Reply Quote

Hi Adam --

Here's the screenshot of the alert window:

02-25-2010, 12:06 AM 58961 in reply to 58954

Kenneth
Joined on 02-13-2008
Posts 3,886

Re: Problem with PasteHTML in IE 7 and 8

Reply Quote

Hi gspagel,

It works fine for me both firefox and ie. Can you try the example below?

<%@ Page Language="C#" %>
<%@ Register Assembly="CuteEditor" Namespace="CuteEditor" TagPrefix="CE" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<script runat="server">
protected override void OnLoad(EventArgs e)
{
editor1.Text = "<p>This is the first sentence.</p><p>This is the second sentence.</p>";
base.OnLoad(e);
}
</script>
<body>
<form id="form1" runat="server">
<CE:Editor ID="editor1" runat="server">
</CE:Editor>
<input type="button" onclick="setEditorHtml()" value="Set A link" />
<script type="text/javascript">
var editor = document.getElementById('<%= editor1.ClientID %>');
var selectedhtml="test";
function setEditorHtml()
{
var html = '<a href="~/link.aspx?_id=&_z=z">' + selectedhtml + '</a>';
editor.PasteHTML(html);
}
</script>
</form>
</body>
</html>

Regards,

Ken

02-25-2010, 12:42 PM 58988 in reply to 58961

gspagel
Joined on 02-24-2010
Posts 3

Re: Problem with PasteHTML in IE 7 and 8

Reply Quote

Hi Ken --

Your post gave me an idea. I tried setting the selectedhtml variable myself, first to a plain text string with no HTML tags, then a string wrapped in paragraph tags, and finally a string wrapped in strong tags. The result was very telling.

As you might guess, the plain text string produced a perfect result. Everything looked fine. Same with the text wrapped in strong tags. But the massive failure came with the text wrapped in paragraph tags. So the take-home lesson is: strip any opening and closing paragraph tags before you paste the HTML.

Any chance you guys could build this functionality into the editor so we don't have to do it manually?

As a side note, we also found that when you select text that falls to the right of a line break tag, when you paste the new HTML the editor removes that tag (but correctly pastes the selected text).

Thanks for the help!

Geoffrey