Displaying FCKEditor Control - Using the FCKEditor module - Web, Cloud & Mobile Applications Delivery and Migration Platform

.net html5 web/cloud/mobile app delivery

Container1

Quick Links

Project Home

Project Forum

Project Downloads

Project Screen Shots

Issue Tracker

Search Forum Home

Forum Community Devel... Using the FCKEd... Displaying FCKEditor Control

6/11/2010 11:57 AM

	malmhead
5 posts

Displaying FCKEditor Control

I have VWG 6.4 Beta2 e

The version of FCKEditor that comes with this is 2.6.5

I'm trying to add the FCKEditor control to my form but it does not display. I do not receive any errors.

I copied the files in the Companionkit directory from "C:\Program Files (x86)\Gizmox\Visual WebGUI\CompanionKit\3.5\Gizmox.WebGUI.Forms.CompanionKit\FCKEdtior" to "C:\FCKEditor" (where BasePath for the control points to)

I created a new VWG application project in Visual Studio 2008.

I added a reference to "Gizmox.WebGui.Forms.Extended" in the project.

I dragged and dropped the FCKEditor control in the toolbox into Form1.cs designer

I modified my "Controls" section of web config to look like this:

<Controls>

<Control Type="Gizmox.WebGUI.Forms.Editors.FCKEditor, Gizmox.WebGUI.Forms.Extended, Version=3.0.5701.0, Culture=neutral, PublicKeyToken=85eae29607c9f5f3" />

<!--<Control Type="Gizmox.WebGUI.Forms.Catalog.Controls.WinPanel, Gizmox.WebGUI.Forms.Catalog" /> <Control Type="Gizmox.WebGUI.Forms.WorkspaceTabs, Gizmox.WebGUI.Forms.Extended, Version=3.0.5701.0, Culture=neutral, PublicKeyToken=85eae29607c9f5f3" /> <Control Type="Gizmox.WebGUI.Forms.WatermarkTextBox, Gizmox.WebGUI.Forms.Extended, Version=3.0.5701.0, Culture=neutral, PublicKeyToken=85eae29607c9f5f3" /> <Control Type="Gizmox.WebGUI.Forms.SurfacePanel, Gizmox.WebGUI.Forms.Extended, Version=3.0.5701.0, Culture=neutral, PublicKeyToken=85eae29607c9f5f3" />

<Control Type="Gizmox.WebGUI.Forms.Charts.Chart, Gizmox.WebGUI.Forms.Charts, Version=3.0.5701.0, Culture=neutral, PublicKeyToken=f1bb83df6a8597fb" /> <Control Type="Gizmox.WebGUI.Forms.*, Gizmox.WebGUI.Forms.Office, Version=1.0.0.0, Culture=neutral, PublicKeyToken=d50c2c7452ba77d9" /> --></Controls>

I did not make any other modifications to web.config.

The form appears completely blank when visiting http://localhost:port/Form1.wgx when running the website through the debugger. (I also get the same behaviour in a separate project that runs in IIS locally)

6/11/2010 1:51 PM

	malmhead
5 posts

Re: Displaying FCKEditor Control

In IE, im getting:

Description: HTTP 404. The resource you are looking for (or one of its dependencies) could have been removed, had its name changed, or is temporarily unavailable. Please review the following URL and make sure that it is spelled correctly.

Requested URL: /Route/2.15.1/ie/en-US/Default/1/editor/fckeditor.html

However, in my web.config the setting for StaticResources is Off by default, and that's what i have:

6/11/2010 1:56 PM

	malmhead
5 posts

Re: Displaying FCKEditor Control

Additionally, when I have the basepath set to "../../../../../../FCKeditor/"

I output the directoryinfo fullname and it show c:\fckeditor

var x = new DirectoryInfo(fckEditor1.BasePath);
textBox1.Text += x.FullName;

I've tried putting the fckeditor directory there, as well as in the solution / project / and bin directory and providing relative paths as well as absolute paths to all of them with no luck...

6/11/2010 3:15 PM

	kenn.minear
387 posts

Re: Displaying FCKEditor Control

Modified By kenn.minear on 6/11/2010 6:22:32 PM)

Hello, this is probably not the problem, but I couldn't tell from your post:

Did you copy the fckeditor directory in your root folder (downloaded from the fckeditor site)?

Regards, Kenn

(Sorry, I just noticed after posting that you did include the directory. I will try and summarize how I implemented the control in a followup post).

kenn@kennware.com

6/11/2010 3:51 PM

	kenn.minear
387 posts

Re: Displaying FCKEditor Control

Modified By kenn.minear on 6/11/2010 7:00:08 PM)

------------------------------------------------------------------------------------------------------------------------------------------------------

In web.config

------------------------------------------------------------------------------------------------------------------------------------------------------

</Controls>

------------------------------------------------------------------------------------------------------------------------------------------------------

The fckeditor folder is in the root directory (on the same level as the bin folder).

------------------------------------------------------------------------------------------------------------------------------------------------------

In my user control (I add the fckeditor control programmitcally (not with the designer but the end result should be the same))

You should have a reference to Gizmox.WebGUI.FCKLibrary.dll

------------------------------------------------------------------------------------------------------------------------------------------------------

using Gizmox.WebGUI.FCKLibrary;

private Gizmox.WebGUI.Forms.Editors.FCKEditor rtbNote;

this.rtbNote = new Gizmox.WebGUI.Forms.Editors.FCKEditor();

this.rtbNote.BasePath = "../../../../../../FCKeditor/";

this.rtbNote.Anchor = ((System.Windows.Forms.AnchorStyles)

((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom)

| System.Windows.Forms.AnchorStyles.Left)

| System.Windows.Forms.AnchorStyles.Right)));

this.rtbNote.Location = new System.Drawing.Point(14, 150);

this.rtbNote.Name = "rtbNote";

this.rtbNote.Size = new System.Drawing.Size(535, 290);

this.rtbNote.TabIndex = 4;

this.rtbNote.Text = "";

this.Controls.Add(rtbNote);

rtbNote.Value = SomeText;

------------------------------------------------------------------------------------------------------------------------------------------------------

That's all there is to it. We also need to know what version of VWG you are using and what browser you are having trouble with (I am assuming IE8). I had problems with 6.3 and Chrome and Safari, but seem to work progressively better with the 6.4 beta releases.

Hope this is helpful, Kenn

kenn@kennware.com