CKSource

Latest revision as of 16:50, 20 February 2008

It is very easy to use FCKeditor in your ColdFusion web pages. Just follow these steps.

Integration step by step

Step 1

Create a cfm page which will include the following <cfmodule> code:

<cfmodule
template="/fckeditor/fckeditor.cfm"
basePath="/fckeditor/"
instanceName="myEditor"
value='<p>This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.</p>'
width="100%"
height="200"
>

In the above example, BasePath is set to the URL path to the FCKeditor installation folder.

Step 2

The editor is now ready to be used. Just open the page in your browser to see it at work.

Sample Code

<cfsetting enablecfoutputonly="true">
<cfoutput>
<html>
<head>
<title>FCKeditor - Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="noindex, nofollow">
</head>
<body>
<h1>FCKeditor in Coldfusion</h1>
</cfoutput>

<cfmodule
template="/fckeditor/fckeditor.cfm"
basePath="/fckeditor/"
instanceName="myEditor"
value='<p>This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.</p>'
width="100%"
height="200"
>
</body>
</html>
<cfsetting enablecfoutputonly="false">

Additional information

You can find some samples on how to use the editor in the "_samples/cfm" directory. To install the samples, just copy that directory to the _samples directory found in the FCKeditor core package installation.

@@ Line 21: / Line 21: @@
 The editor is now ready to be used. Just open the page in your browser to see it at work.
-NOTE: The steps written above are essential to integrate the FCKeditor in your page. However there are some steps you should take to configure the editor more properly:
+=== Sample Code ===
+<pre>&lt;cfsetting enablecfoutputonly="true"&gt;
+&lt;cfoutput&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;title&gt;FCKeditor - Sample&lt;/title&gt;
+&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
+&lt;meta name="robots" content="noindex, nofollow"&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;h1&gt;FCKeditor in Coldfusion&lt;/h1&gt;
+&lt;/cfoutput&gt;
-=== Step 3 ===
+&lt;cfmodule
+template="/fckeditor/fckeditor.cfm"
-FCKeditor comes with a default '''File Browser''' that makes it easy to user to upload files and images to the server, as well as browse the available files for reuse. It is also available a "Quick Upload" feature to quickly upload files and create links for them. This default system is integrated with all server side languages supported by FCKeditor. You just need to make a simple configuration to indicate which one you are using. To do that for ASP.NET, just open the fckconfig.js file in the directory where you have copied the FCKeditor core package. Look for the '''_FileBrowserLanguage''' and '''_QuickUploadLanguage''' entries and set their values to '''cfm'''&nbsp;:
+basePath="/fckeditor/"
-<pre>var _FileBrowserLanguage = 'cfm'&nbsp;;
+instanceName="myEditor"
-var _QuickUploadLanguage = 'cfm'&nbsp;;
+value='&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;FCKeditor&lt;/a&gt;.&lt;/p&gt;'
+width="100%"
+height="200"
+&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+&lt;cfsetting enablecfoutputonly="false"&gt;
 </pre>
-You must prepare your site to accept the uploaded files and their relative directory. structure. By default FCKeditor will look for the UserFiles directory in the root of the web site, and place all files there. So, just create that directory.
+== Additional information ==
-Remember to check the editor\filemanager\connectors\cfm\config.cfm file and see if the ColdFusion connector is enabled:
+* You can find some samples on how to use the editor in the "_samples/cfm" directory. To install the samples, just copy that directory to the _samples directory found in the FCKeditor core package installation.
-<pre>
-Config.Enabled = true ;
-</pre>

CKSource

Login / Create Account

Page Tools

ColdFusion"