[ASP.NET] integrating with FCKEditor in a detailsView

I have the sample asp.net code working on my server but now I want to integrate CKFinder with an FCKEditor control which is in a detailsView. My declrative code is

<asp:detailsview id="detailsView" DefaultMode="edit" autogenerateEditButton="true" dataKeyNames="ArticleID" dataSourceID="SqlDataSource2" runat="server" autoGenerateRows="False" >
<fields>
 ...
<asp:templateField headerText="Summary:" >
  <itemTemplate>
    <%# eval("Summary") %>
  </itemTemplate>
  <EditItemTemplate>
    <FCKeditorV2:FCKeditor ToolbarSet="Ice" height="200px" width="97%" id="summary" BasePath="~/FCKeditor/" runat="server" value='<%# bind("Summary")%>' />
  </EditItemTemplate>
</asp:templateField>
...
</asp:detailsview>

Now, presumably I need to hook CKFinder into this FCKeditor at some point in the lifecycle of thepage, so I have tried this:

sub DetailsView_OnModeChanging(sender as object, e as DetailsViewModeEventArgs) Handles DetailsView.ModeChanging
  dim FileBrowser as CKFinder.FileBrowser = new CKFinder.FileBrowser()
  FileBrowser.BasePath = "/ckfinder/" 
  FileBrowser.SetupFCKeditor(detailsview.FindControl("summary").id)
end sub

It doesn't error but it doesn't work either. Has anyone else done this sucessfully?

Huw

Wed, 02/06/2008 - 12:49

fredck

Joined: 19/01/2007

Posts: 898

Re: [ASP.NET] integrating with FCKEditor in a detailsView

To avoid project dependency issues, the SetupFCKeditor method accepts an "object" parameter. But, you must pass an object of type FredCK.FCKeditorV2.FCKeditor to make it work. So, for your example, you could change your code, by using this line:

FileBrowser.SetupFCKeditor(detailsview.FindControl("summary"))

It sounds strange that you are not having any runtime error. SetupFCKeditor throws an ApplicationException with the message "SetupFCKeditor expects an FCKeditor instance object." if an unexpected parameter is passed. So, please be sure that DetailsView_OnModeChanging is being executed properly.

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

Mon, 02/18/2008 - 19:59

jeremyjayg

Joined: 18/02/2008

Posts: 2

Re: [ASP.NET] integrating with FCKEditor in a detailsView

I'm having a similar issue.

Here's my code.

Sub DetailsView_OnModeChanging(ByVal sender As Object, ByVal e As DetailsViewModeEventArgs) Handles tradeshowDetails.ModeChanging
Dim FileBrowser As CKFinder.FileBrowser = New CKFinder.FileBrowser()
FileBrowser.BasePath = "../../ckfinder/"
FileBrowser.SetupFCKeditor(tradeshowDetails.FindControl("logo"))
End Sub

....

<asp:DetailsView ID="tradeshowDetails" runat="server" AutoGenerateRows="False" DataKeyNames="tradeshowID"
DataSourceID="tradeshowDetailDataSource" Height="50px" Width="100%" BorderWidth="0px" CellPadding="5" OnModeChanging="DetailsView_OnModeChanging">
<Fields>
....
<asp:TemplateField HeaderText="Tradeshow Logo" SortExpression="tradeshow_logo">
<EditItemTemplate>
<FCKeditorV2:FCKeditor id="logo" BasePath="~/FCKeditor/" toolbarset='image' Value='<%# Bind("tradeshow_logo") %>' runat="server" />
</EditItemTemplate>
<InsertItemTemplate>
<FCKeditorV2:FCKeditor id="logo" BasePath="~/FCKeditor/" toolbarset='image' Value='<%# Bind("tradeshow_logo") %>' runat="server" />
</InsertItemTemplate>
<ItemTemplate>
<asp:Label ID="itemlogo" runat="server" Text='<%# Bind("tradeshow_logo") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
...
</Fields>
<FieldHeaderStyle VerticalAlign="Top" Width="100px" />
</asp:DetailsView>

I get the "SetupFCKeditor expects an FCKeditor instance object." error. Any idea what I'm doing wrong? It doesn't seem to recognize that there is an editor instance inside of the detailsview. I really don't have any idea what I should be doing differently. Any help would be greatly appreciated

Mon, 02/18/2008 - 22:29

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: [ASP.NET] integrating with FCKEditor in a detailsView

I'm not sure, but looking at your code you seem to be using the FCKeditor just to show an image. Wouldn't it be easier to use just an image and update its src when the user picks another file in the CKFinder?. Then hold the value in a hidden input and save that value.