ASP.NET AJAX UI

Re: FYI: How to make FCKeditor work in an UpdatePanel

skrowl — Thu, 10 Sep 2009 15:04:11 GMT

I made a minor tweak to ajitsatpathy's code (converted to VB.NET, used ScriptManager instead of Page.ClientScript) and it worked for me

ScriptManager.RegisterOnSubmitStatement(Me, Me.GetType(), "AjaxHack", "for ( var i = 0; i < parent.frames.length; ++i ) if ( parent.frames[i].FCK ) parent.frames[i].FCK.UpdateLinkedField();")

Re: FYI: How to make FCKeditor work in an UpdatePanel

ajitsatpathy — Sat, 13 Jun 2009 08:44:35 GMT

A very very simple solution of this problem is - just write the below single line code to your Page_Load(). It'll work for multiple FCK Editor present inside update panel also.

this.Page.ClientScript.RegisterOnSubmitStatement(this.GetType(), "AjaxHack", "for ( var i = 0; i < parent.frames.length; ++i ) if ( parent.frames[i].FCK ) parent.frames[i].FCK.UpdateLinkedField();");

Happy Coding

Re: FYI: How to make FCKeditor work in an UpdatePanel

AzharSaiyed — Wed, 04 Mar 2009 11:43:47 GMT

private void Page_Load(object sender, EventArgs args)
{
    Page.ClientScript.RegisterOnSubmitStatement(editor.GetType(), "editor",

    "FCKUpdate('" + editor.ClientID + "');");
}

function FCKUpdate(id)
{
      if(typeof(FCKeditorAPI) == "object")
        {
            FCKeditorAPI.GetInstance(id).UpdateLinkedField();
        }
   
}

Re: FYI: How to make FCKeditor work in an UpdatePanel

acoldone — Thu, 10 Jul 2008 19:19:03 GMT

I find I'm getting the same error "FCK is not defined" using the pached files and the ajax compatable version. The difference might be I'm using master pages? Also when I include 2 of these controls inside an update panel I get a post back. If I remove them and submit no post back? Thanks for your effort but for me it stills seems to be borked.

Re: FYI: How to make FCKeditor work in an UpdatePanel

randomaccess — Tue, 17 Jun 2008 13:19:31 GMT

There are already dedicated tickets on fckeditor's bugtracker for the two issues described here. See the following links:

http://dev.fckeditor.net/ticket/234

http://dev.fckeditor.net/ticket/1255

I've provided there an AJAX-compatible version of the original FCKeditor.NET control. You can download this as an attachment from the above bug tickets.

It inherits from the existing control, and implements IScriptControl to embed client-side functionality. So with this fix you need to make no modifications to your own code. You can use the new control on the page just like the non-AJAX version, only this works inside an UpdatePanel. I consider this a neater implementation than anything else described here, since it properly leverages the AJAX framework to transparently implement the client-side behaviour.

Please see the comments on the bug ticket for further information about the cause of the problem, and implementation details.

There are still some minor problems encountered beyond the "FCK is not defined" Firefox error. These further errors are linked to the FCK core, which I'm still working on a fix for. These errors do not prevent the editor working, but they could result eventually in memory leakage or other unwanted effects.

If possible, please bring any further discussion of this problem directly to the FCK bug tracker (after first reading all the comments there of course ;).

Edit: I've just had a new look at the ticket (#1255) and realised I never posted my patch. I had to modify FCK's core to fix the Firefox error. If anyone needs this patch urgently I can provide it, but I probably won't submit it to the bug ticket until I've eliminated the further errors I described above.

Re: FYI: How to make FCKeditor work in an UpdatePanel

PaulSinnema — Sun, 08 Jun 2008 14:37:09 GMT

Hi All,

I've created a new class that derives from the FCKeditor Class. A description can be found on the FCKeditor Forum

http://www.fckeditor.net/forums/viewtopic.php?f=6&t=9826&p=26287#p26287

Cheers,
Paul

Re: FYI: How to make FCKeditor work in an UpdatePanel

PaulSinnema — Sun, 08 Jun 2008 10:06:46 GMT

Hi All,

Made a little change to the code. The superfluous Property 'EditorText' has been removed.

Another remark I must make: The interface of this Forum changed the characters 'Less than' and 'Greater than' into '&ls;' and '>'. They should be the characters!!!!

Cheers,
Paul.

Re: FYI: How to make FCKeditor work in an UpdatePanel

Giorgio Gatta — Fri, 06 Jun 2008 17:52:28 GMT

Very thanks man!
this solution worked very well!!!

Thanks

Re: FYI: How to make FCKeditor work in an UpdatePanel

PaulSinnema — Fri, 06 Jun 2008 12:08:58 GMT

Eureka! I finally got it working too. My first attempt was in the wront PreRender. I put it in the PreRender of my Web User Control but that was wrong of course. I've now put it in the PreRender of the FCKEditor Control and it works (pfew.. got time after more than a week of struggling). To be complete I posted the code of my Control Below.

<%@ Control Language="C#" AutoEventWireup="false" CodeFile="CEditor.ascx.cs" Inherits="Controls_CEditor" %>
<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="WebLogFCKeditorV2" %>

<asp:Panel runat="server" id="pnlEditorPanel" CssClass="DropShadowPanel"
            style="width:610px; height:410px; padding: 5px;" >
    <WebLogFCKeditorV2:FCKeditor ID="edtEditor" runat="server" 
                                    BasePath="fckeditor/"
                                    Width="600px" Height="400px"
                                    EnableViewState="true"
                                    OnPreRender="edtEditor_PreRender" />
</asp:Panel>

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using MyLibrary.Common;

public partial class Controls_CEditor : System.Web.UI.UserControl
{
    private const string cstrEditorViewState = "EditorViewState";

    public string Text
    {
        get
        {
            return CHTML.HTMLToString(edtEditor.Value);
        }
        set
        {
            edtEditor.Value = CHTML.StringToHTML(value);
        }
    }

    protected void edtEditor_PreRender(object sender, EventArgs e)
    {
        ScriptManager current = ScriptManager.GetCurrent(this.Page);

        String script = @"function FCKUpdateLinkedField(id)
                            {
                                try
                                {
                                    if(typeof(FCKeditorAPI) == 'object')
                                    {
                                        FCKeditorAPI.GetInstance(id).UpdateLinkedField();
                                    }
                                }
                                catch(err)
                                {
                                }
                            }";

        if (current != null)
        {
            ScriptManager.RegisterClientScriptBlock(this,
                                                    typeof(Controls_CEditor),
                                                    "FCKUpdater",
                                                    script,
                                                    true);
            ScriptManager.RegisterOnSubmitStatement(this,
                                                    typeof(Controls_CEditor),
                                                    "WebContentManagerEditorScript_" + this.edtEditor.ClientID,
                                                    "FCKUpdateLinkedField('" + this.edtEditor.ClientID + "');");
        }
        else
        {
            Page.ClientScript.RegisterClientScriptBlock(typeof(Controls_CEditor),
                                                        "FCKUpdater",
                                                        script,
                                                        true);

            this.Page.ClientScript.RegisterOnSubmitStatement(typeof(Controls_CEditor),
                                                             "WebContentManagerEditorScript_" + this.edtEditor.ClientID,
                                                             "FCKUpdateLinkedField('" + this.edtEditor.ClientID + "');");
        }
    }
}

The CHTML Class changes the HTML to String and Vice Versa like this:

 using System;
using System.Collections.Generic;
using System.Text;

namespace MyLibrary.Common
{
    public class CHTML
    {
        private const string cstrTransLessThen      = "#LS#";
        private const string cstrTransGreaterThen   = "#GT#";

        public static string StringToHTML(string pstrString)
        {
            return pstrString.Replace(cstrTransGreaterThen, "&gt;").Replace(cstrTransLessThen, "&lt;");
        }

        public static string HTMLToString(string pstrHTML)
        {
            return pstrHTML.Replace("&gt;", cstrTransGreaterThen).Replace("&lt;", cstrTransLessThen);
        }
    }
}

Thanks all for sharing this info.

Cheers,
Paul.

Re: FYI: How to make FCKeditor work in an UpdatePanel

puneet.bhagat — Thu, 05 Jun 2008 22:55:04 GMT

Thanks for sharing the solution. It worked at first attemp!

Thanks again.

Re: FYI: How to make FCKeditor work in an UpdatePanel

PaulSinnema — Thu, 05 Jun 2008 20:41:10 GMT

Spending $999 is not what I have in mind at the moment. Telerik may (or may not) have solved the problems I currently experience. No seriously, I am still at it and I have set my mind to solving this. So if anyone has some (constructive) pointers I am all ears.

Re: FYI: How to make FCKeditor work in an UpdatePanel

coderGeek — Thu, 29 May 2008 22:08:43 GMT

Paul,

Save yourself a lot of headache and time and use Telerik's editor instead of FCK. FCK is not widely used on the .NET platform and therefore you will run into problem after problem. Telerik's solution was built on Microsoft Ajax (Atlas) and seems better suited for the ASP.NET world.

Re: FYI: How to make FCKeditor work in an UpdatePanel

PaulSinnema — Thu, 29 May 2008 09:43:18 GMT

Hi,

I can see this is a pretty old post. Incredible that the same error still exists. I'm using the FCKEditor inside a GridView which is inside an updatepanel (amongst others like Multiview, View, etc..). The Solution you presented doesn't seem to work for me. Here some of the Code I've written. Anyone got a clue to why this is not working? I'm trying to get it working with the Standard 'Edit' button.

Paul

...

                    <asp:GridView ID="gvComment" runat="server" 
                                    AutoGenerateColumns="False" 
                                    DataKeyNames="CommentID,ForeignKey,ForeignTopic"
                                    AllowPaging="True" 
                                    AllowSorting="True"
                                    CssClass="gridview" 
                                    DataSourceID="dsComment" 
                                    AutoGenerateDeleteButton="True" 
                                    AutoGenerateEditButton="True" >
                        <Columns>
                            <asp:TemplateField HeaderText="Text" SortExpression="Text">
                                <EditItemTemplate>
                                    <FCKeditorV2:FCKeditor ID="fckCommentEditor" runat="server" 
                                                            BasePath="fckeditor/"
                                                            Value='<%# Bind("Text") %>' 
                                                            OnLoad="fckCommentEditor_Load" >
                                    </FCKeditorV2:FCKeditor>
                                </EditItemTemplate>
                                    
                                


...


"javascript" type="text/javascript">
    function FCKUpdateLinkedField(id)
    {
        try
        {
            if(typeof(FCKeditorAPI) == "object")
            {
                FCKeditorAPI.GetInstance(id).UpdateLinkedField();
            }
        }
        catch(err)
        {
        }
    }


...

    private void CreateFCKWorkarround(object sender)
    {
        FCKeditor fe                = (FCKeditor)sender;
        ClientScriptManager csm     = Page.ClientScript;
        Type feType                 = fe.GetType();
        string strName              = "wa_fckeditor";

        if (fe != null)
        {
            if (!csm.IsOnSubmitStatementRegistered(feType, strName))
            {
                csm.RegisterOnSubmitStatement(feType, strName,
                                                "FCKUpdateLinkedField('" + fe.ClientID + "');");
            }
        }
    }

    protected void fckCommentEditor_Load(object sender, EventArgs e)
    {
        CreateFCKWorkarround(sender);
    }

Re: FYI: How to make FCKeditor work in an UpdatePanel

TylerGarlick — Tue, 15 Apr 2008 03:14:40 GMT

I fixed the FCKEditor and you can download my fix here.

Thanks,

Tyler Garlick

Re: FYI: How to make FCKeditor work in an UpdatePanel

roki13 — Tue, 11 Mar 2008 21:20:00 GMT

does this work for everyone ?

I still got the problem...

my code is as following (I got 2 editors in the same update panel):

1    protected override void OnPreRender(EventArgs e)
2        {
3            if (!this.Page.IsPostBack)
4            {
5    
6                ScriptManager current = ScriptManager.GetCurrent(this.Page);
7    
8                String script = @"function FCKUpdateLinkedField(id)
9                                    {
10                                       try
11                                       {
12                                           if(typeof(FCKeditorAPI) == 'object')
13                                           {
14                                               FCKeditorAPI.GetInstance(id).UpdateLinkedField();
15                                           }
16                                       }
17                                       catch(err)
18                                       {
19                                       }
20                                   }";
21               if (current != null)
22               {
23   
24                   ScriptManager.RegisterClientScriptBlock(this,
25                                                           typeof(_CMS),
26                                                           "FCKUpdater",
27                                                           script,
28                                                           true);
29   
30                   ScriptManager.RegisterOnSubmitStatement(this,
31                                                           typeof(_CMS),
32                                                           "WebContentManagerEditorScript_" + this.FCKeditorText1.ClientID,
33                                                           "FCKUpdateLinkedField('" + this.FCKeditorText1.ClientID + "');");
34   
35                   ScriptManager.RegisterOnSubmitStatement(this,
36                                                           typeof(_CMS),
37                                                           "WebContentManagerEditorScript_" + this.FCKeditorText2.ClientID,
38                                                           "FCKUpdateLinkedField('" + this.FCKeditorText2.ClientID + "');");
39               }
40               else
41               {
42                   Page.ClientScript.RegisterClientScriptBlock(typeof(_CMS),
43                                                               "FCKUpdater",
44                                                               script,
45                                                               true);
46   
47                   this.Page.ClientScript.RegisterOnSubmitStatement(typeof(_CMS),
48                                                          "WebContentManagerEditorScript_" + this.FCKeditorText1.ClientID,
49                                                           "FCKUpdateLinkedField('" + this.FCKeditorText1.ClientID + "');");
50   
51                   this.Page.ClientScript.RegisterOnSubmitStatement(typeof(_CMS),
52                                                          "WebContentManagerEditorScript_" + this.FCKeditorText2.ClientID,
53                                                           "FCKUpdateLinkedField('" + this.FCKeditorText2.ClientID + "');");
54               }
55           }
56   
57           base.OnPreRender(e);
58       }