CKEditor 4
Mon, 05/26/2008 - 00:22
#1
aconstante
aconstante's picture
Joined: 26/05/2008
Posts: 1

FCKEditor in WebPart inside UpdateControl

Hello:
I use vs. 2008 with .Net 2.0. I have a page with this code:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:WebPartZone ID="wpzCenterZone" runat="server" HeaderText="Center Zone" Width="100%">
<ZoneTemplate>
</ZoneTemplate>
</asp:WebPartZone>
</ContentTemplate>
</asp:UpdatePanel>

I have a webpart that's is a blog and show FCKEditor when I need edit the blog like this:

Controls.Clear();
...
fckText = new FCKeditor();
fckText.ID = "BlogItemEditor";
fckText.BasePath = "~/fckeditor/";
fckText.ToolbarSet = "Owned";
[1]
...

then I add a button, but when check for FCKEditr's value don't change, I check the forumn soluction and add this change next line [1]
[1]
Page.ClientScript.RegisterOnSubmitStatement(fckText.GetType(), "editor",
"FCKUpdateLinkedField('" + fckText.ClientID + "');");

Then I create a javascript with this code and include in the page
<script src="FCKHack.js" type="text/javascript"></script>

[FCKHack.js]
function FCKUpdateLinkedField(id)
{
try
{
if(typeof(FCKeditorAPI) == "object")
{
FCKeditorAPI.GetInstance(id).UpdateLinkedField();
}
}
catch(err)
{
}
}

But nothing happend, and the values neve have the value, If I eliminate the updatepanel all work fine. Please if you have some help, describe what steps I have to make to fix this problem.

Best regards,
Owen.
Top
Tue, 05/27/2008 - 15:21
fredck
fredck's picture
Joined: 19/01/2007
Posts: 898

Re: FCKEditor in WebPart inside UpdateControl

ticket #234

Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn

Top
Thu, 05/29/2008 - 14:00
paulsinnema
paulsinnema's picture
Joined: 29/05/2008
Posts: 6

Re: FCKEditor in WebPart inside UpdateControl

Hi,

I'm also experiencing this Problem. Any news on the Bugfix?

Paul.
Top
Thu, 05/29/2008 - 14:05
fredck
fredck's picture
Joined: 19/01/2007
Posts: 898

Re: FCKEditor in WebPart inside UpdateControl

ticket

Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn

Top
Sat, 05/31/2008 - 13:43
paulsinnema
paulsinnema's picture
Joined: 29/05/2008
Posts: 6

Re: FCKEditor in WebPart inside UpdateControl

I am willing to cooperate with someone from the community to solve the problem. I'm not very well versed in Javascript but I do know my way arround C#. So if anyone else is willing to spend some time on this subject, maybe we can solve the problem and make a lot of people happy.

Cheers,
Paul.
Top
Thu, 06/05/2008 - 11:51
paulsinnema
paulsinnema's picture
Joined: 29/05/2008
Posts: 6

Re: FCKEditor in WebPart inside UpdateControl

Hi,

I've traced it down to the following. Maybe you Javascript guru's can shed some light on this.

I've added the following script to the Main Page's <Head> Section.

<script type="text/javascript" language="javascript">
// Some Class
function AjaxUpdateClass()
{
    alert("Init");
    this.UpdateEditorFormValue = function()
    {
        for ( i = 0; i < parent.frames.length; ++i )
            if ( parent.frames[i].FCK )
            {
                alert("Found an Editor");
                parent.frames[i].FCK.UpdateLinkedField();
            }
    }
}

// instantiate the class
var MyAjaxUpdateObject = new AjaxUpdateClass();
</script>

Added an 'onSubmit' to the <Form ...> like this

<form id="MainForm" runat="server" style="height: auto; width: auto;"
            onsubmit="MyAjaxUpdateObject.UpdateEditorFormValue(); return true;">


I added an alert to the 'UpdateLinkedField' function

   UpdateLinkedField : function()
   {
       alert("UpdateLinkedField");
      var value = FCK.GetXHTML( FCKConfig.FormatOutput ) ;

      if ( FCKConfig.HtmlEncodeOutput )
         value = FCKTools.HTMLEncode( value ) ;

      FCK.LinkedField.value = value ;
      FCK.Events.FireEvent( 'OnAfterLinkedFieldUpdate' ) ;
   },


I do see the Alert 'Init' and on Submit I also see the alert 'Found an Editor' but I never see the Alert 'UpdateLinkedField'.

Any ideas?

Cheers,
Paul.
Top
Sun, 06/08/2008 - 13:23
paulsinnema
paulsinnema's picture
Joined: 29/05/2008
Posts: 6

Re: FCKEditor in WebPart inside UpdateControl



http://forums.asp.net/p/1028530/2409081.aspx#2409081










   public class FCKeditor : System.Web.UI.Control, IPostBackDataHandler
   {
      public FCKeditor()
      {
            PreRender += new EventHandler(FCKeditor_PreRender);
        }

        void FCKeditor_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,
                                                        this.GetType(),
                                                        "FCKUpdater",
                                                        script,
                                                        true);
                ScriptManager.RegisterOnSubmitStatement(this,
                                                        this.GetType(),
                                                        "WebContentManagerEditorScript_" + this.ClientID,
                                                        "FCKUpdateLinkedField('" + this.ClientID + "');");
            }
            else
            {
                Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
                                                            "FCKUpdater",
                                                            script,
                                                            true);

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

        private const string cstrTransLessThen = "&ls;";
        private const string cstrTransGreaterThen = "&gt;";

        private string StringToHTML(string pstrString)
        {
            return pstrString.Replace(cstrTransGreaterThen, ">").Replace(cstrTransLessThen, "<");
        }

        private string HTMLToString(string pstrHTML)
        {
            return pstrHTML.Replace(">", cstrTransGreaterThen).Replace("<", cstrTransLessThen);
        }

        public string Text
        {
            get
            {
                return HTMLToString(Value);
            }
            set
            {
                Value = StringToHTML(value);
            }
        }
Top
Sun, 06/08/2008 - 16:29
paulsinnema
paulsinnema's picture
Joined: 29/05/2008
Posts: 6

Re: FCKEditor in WebPart inside UpdateControl

Even better. I've now created a new Class that derives from the FCKeditor Class. No need to change the standard code of FCK! (It would be nice if the Value Property of the FCKeditor.cs were declared 'virtual' so I can override it without the trick I used now).

Some pointers however. Before you can use this class you need to add it to a Library Project.

The Project needs a 'strong name' signing:

  • Go to the Project Properties, on the Signing tab check the 'Sign the assembly' tick

  • in 'Choose a strong name key file:' select '<new...>'.

  • In the 'Create Strong name Key:' Dialog, enter a name for your Strong Name Key File (fi 'MyLibrary.snk').

  • If password protection is not needed uncheck the 'Protect my key file with a password' Tick otherwise enter and confirm a password and click OK.



A file with your specified name is now added to the Project (i.e. MyLibrary.snk).

Now compile the Project, add a reference to your library in the Web Project, and Presto when you go and edit a Web Page in the Toolbox the 'MyFCKEditor' Control is visible. Simply drag-n-drop the Control onto your page and you're read to rock-n-roll.

In my projects I still need to add the BasePath='fckeditor/' because the default specified in the .Net FCKeditor Project (= '/fckeditor/') does not work for me. You can bind the Text (and Value) properties like this:

<MyLibrary:MyFCKEditor ID="MyFCKEditor" runat="server" BasePath="fckeditor/" Text='<%# Bind("Text") %>' />


Cheers,
Paul.

using System;
using System.Collections.Generic;
using System.Text;
using System.Web.UI;
using System.Web.UI.WebControls;
using FredCK.FCKeditorV2;
using System.ComponentModel;
using System.Text.RegularExpressions;
using System.Globalization;
using System.Security.Permissions;

namespace MyLibrary.Common
{
    [
        DefaultProperty("Value"),
        ValidationProperty("Value"),
        ToolboxData("<{0}:MyFCKeditor ID=\"MyFCKEditor\" runat=\"server\"></{0}:MyFCKeditor>"),
        Designer("FredCK.FCKeditorV2.FCKeditorDesigner"),
        ParseChildren(false)
    ]

    public class MyFCKEditor : FCKeditor
    {
        public MyFCKEditor()
      {
            PreRender += new EventHandler(MyFCKEditor_PreRender);
        }

        void MyFCKEditor_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,
                                                        this.GetType(),
                                                        "FCKUpdater",
                                                        script,
                                                        true);
                ScriptManager.RegisterOnSubmitStatement(this,
                                                        this.GetType(),
                                                        "WebContentManagerEditorScript_" + this.ClientID,
                                                        "FCKUpdateLinkedField('" + this.ClientID + "');");
            }
            else
            {
                Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
                                                            "FCKUpdater",
                                                            script,
                                                            true);

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

        private const string cstrTransLessThen = "#LS#";
        private const string cstrTransGreaterThen = "#GT#";

        private string StringToHTML(string pstrString)
        {
            return pstrString.Replace(cstrTransGreaterThen, ">").Replace(cstrTransLessThen, "<");
        }

        private string HTMLToString(string pstrHTML)
        {
            return pstrHTML.Replace(">", cstrTransGreaterThen).Replace("<", cstrTransLessThen);
        }

        [DefaultValue("")]
        public string Text
        {
            get
            {
                return HTMLToString(Value);
            }
            set
            {
                Value = StringToHTML(value);
            }
        }

        [DefaultValue("")]
        public new string Value
        {
            get
            {
                return base.Value;
            }
            set
            {
                base.Value = value;
            }
        }
    }
}
Top
Fri, 06/13/2008 - 14:08
paulsinnema
paulsinnema's picture
Joined: 29/05/2008
Posts: 6

Re: FCKEditor in WebPart inside UpdateControl

Well.... it still isn't working 100%. In IE there's no problem what so ever but in FireFox I don't get back any changed Value. In fact, it looks like the same problem I formerly had in IE. Do I need to add different code for Firefox?
Top
Fri, 06/13/2008 - 20:55
serializer
serializer's picture
Joined: 16/08/2007
Posts: 74

Re: FCKEditor in WebPart inside UpdateControl



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

I have already attached a fix



any





Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check