Integrate FCKeditor for JAVA

Hi, I did these following this steps to integrate FCKeditor 2.6:

- Configuring your web.xml file:

<!-- Servlets configuration -->
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>com.app.servlet.ConnectorServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>

<servlet>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>com.app.servlet.UploadServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>enabled</param-name>
<param-value>false</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFile</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFile</param-name>
<param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsImage</param-name>
<param-value>jpg|gif|jpeg|png|bmp</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsImage</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFlash</param-name>
<param-value>swf|fla</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
<param-value></param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>

<!-- The files viewer connector -->
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/editors/FCKeditor_2.6/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>

<!-- The files uploader connector -->
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/editors/FCKeditor_2.6/editor/filemanager/connectors/simpleuploader</url-pattern>
</servlet-mapping>

-Now, you have to configure some lines of your fckeditor.js:

var _FileBrowserLanguage = 'jsp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'jsp' ; // asp | aspx | cfm | lasso | perl | php | py

FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

- Now you have to watch if UniversalKey exist in your FCKEditor toolbars in fckeditor.js file too, and delete it.

This is all, I hope did help you.

http://dev.fckeditor.net/browser/FCKedi ... a/tags/2.3

Hi,

I am trying to integrate FCKEditor in the JSP page but have encountered several problems. I am currently running Java 1.6 and Tomcat 6.

I have downloaded both JSP Integration Pack (FCKeditor-2.3) and FCKEditor (FCKeditor_2.6). Following is my folder structure in Tomcat:

/<my_web_app>
/FCKeditor
/WEB-INF
/classes
/lib


I have placed commons-fileupload.jar and FCKeditor-2.3 in my WEB-INF\lib directory. Inside my WEB-INF, i have modified my web.xml as below:

<!-- Servlets configuration -->
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>com.app.servlet.ConnectorServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>

<servlet>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>com.app.servlet.UploadServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>enabled</param-name>
<param-value>false</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFile</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFile</param-name>
<param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsImage</param-name>
<param-value>jpg|gif|jpeg|png|bmp</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsImage</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFlash</param-name>
<param-value>swf|fla</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
<param-value></param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>

<!-- The files viewer connector -->
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/editors/FCKeditor_2.6/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>

<!-- The files uploader connector -->
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/editors/FCKeditor_2.6/editor/filemanager/connectors/simpleuploader</url-pattern>
</servlet-mapping>

However, when i start the application in Tomcat, i have got the following:

Message:
FAIL - Application at context path /<my_web_app> could not be started

I know it's my web.xml giving problem, could anyone point out where did i do wrong ?

Thanks.

http://java.fckeditor.net/

http://localhost:8080/fckeditor-java-demo-2.4-beta-1/

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
 
<jsp:root version="2.0" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:FCK="http://java.fckeditor.net">
    
<FCK:editor instanceName="EditorDefault">
    <jsp:attribute name="value">This is some <strong>sample text</strong>.
      You are using <a href="http://www.fckeditor.net">FCKeditor</a>.
    </jsp:attribute>
</FCK:editor>

http://java.fckeditor.net

installation

Hi mosipov,

Really thanks for your reply, i have tried several times to Integrate FCKEditor in my JSP. I have successfully run the demo app , explored all Sample 1 to Sample 7.

I think i probably miss out this part

FCKeditor installation

Although the public distribution is fine, it still contains a lot of superfluous files for a Java environment. Use the following Ant target on the FCKeditor zip file (1,25 MiB) to create a cleaner and smaller distribution zip file (986 KiB).

How can i use the following (posted by you on the website) to compile and install the Fckeditor. I am kinda confused here.

<target name="clean-fckeditor" description="Creates a clean FCKeditor distribution">
  <!-- Adapt properties to your needs -->
  <property name="fckeditor-tmp" location="fckeditor-tmp" />
  <property name="fckeditor-basename" value="FCKeditor_2.6" />
  <property name="fckeditor-destfile" value="${fckeditor-basename}_clean.zip" />

  <delete file="${fckeditor-destfile}" />
  <unzip dest="${fckeditor-tmp}" src="${fckeditor-basename}.zip" />
  <zip destfile="${fckeditor-destfile}">
    <zipfileset dir="${fckeditor-tmp}/fckeditor" prefix="fckeditor">
      <include name="_samples/_plugins/" />
      <include name="editor/" />
      <include name="fckconfig.js" />
      <include name="*.xml" />
      <exclude name="editor/filemanager/connectors/" />
    </zipfileset>
  </zip>
  <delete dir="${fckeditor-tmp}" />
</target>

What i did was to create a build.xml on my desktop and put all the above in it, and i try to add the build.xml in my IntelliJ7.0, but my IntelliJ shows nothing.

How should i build the FCKEditor using ant and install properly ? Please guide.

Again mosipov, thank you for your time.

Hi vzent,

maybe my instructions on the page were not clear enough or basically having problems to understand the point.

I will try to break it down for you briefly:
You have your webapp in IDEA, right?
Let's say / is the root of the webapp directory.
So a basic directory listing would be:

/
  META-INF/
  WEB-INF/
                 lib/
                web.xml

now, you have to put the jar files into /WEB-INF/lib first, second put the fckeditor folder into / extracted from FCKeditor_2.6.zip. Now create a JSP file and declare the taglib and put <FCK:editor instanceName="Default" /> into the JSP body and you are done. It will help tremendously if you extract the WAR file and see your JSP files how it has tom be done.

Ant is not necessary by any means. The Ant Target is just for your convenience to create form the FCKeditor_2.6.zip a skimmed zip file. No more, no less.

I hope it is clearer now.

Thanks mosipov,

it works now ! am looking through how to use the API.

Do you have any JSP example whereby you let your user do whatever formatting they want in the FCKeditor, then you save the HTML source.

For instance i wana store

<b>FCKeditor Rocks !</b>

in my DB and subsequently i could retrieve it for display.

Thanks !

<form action="/myapp/MyEditorServlet" method="post" target="_blank">
         <FCK:editor instanceName="EditorDefault">
            <jsp:attribute name="value">This is some <strong>sample text
               </strong>. You are using <a href="http://www.fckeditor.net">
               FCKeditor</a>.
            </jsp:attribute>
         </FCK:editor>
         <br />
         <input type="submit" value="Submit" />
</form>

doPost(...) {
String content = request.getParameter("editorContent") // param name may be different
dbSave(content);
}

doGet (...) {
String content = fetching from DB...
request.setAttribute("content", content);
}

<FCK:editor instanceName="default" value="${content}" />

Hi vzent,

But if i want to store the HTML source such as "<b>Hello</b>", how should i do it since request.getParameter() will only return me the content with HTML formatting.

Your statement contains a contradiction! You want the store the HTML source:

And this is exactly what you want, the source code

Hi mosipov,

Thanks for the prompt reply again ! Sorry for that, what i actually meant was to store the HTML source, my bad.

In your previous post, i only see debugger output, did you have any source code attached ?

Thanks !

I still don't understand what you want to do!

If you want to store the HTML source the you could easily do:

doPost (...) {
String sql = ...your prepared statement;
...runUpdate(sql, request.getParameter("EditorDefault"));
}

btw, this is getting off topic

Great, enjoy the new integraton.

Check the front page once in a while. We will release the final probably in July and will start working on 2.5 soon.

vzent wrote:Hi mosipov,

Will check out the new version. Your support is very useful and it means a lot to me.

I have another gem in my box now

Thanks !

Hi, I am running into a weird issue. I got FCKeditor working with my Rational application Developer (RAD). I was able to upload image and text as I was able save text in my database and can see image in userfile folder. No exceptions were throws on consol. When i tried to remove "Lorem ipsum..." from fck_image_preview.html, my RAD started complaining about "Could not find required servlet class ...UploadServlet". I could not find UploadServlet in fckeditor jar. Connector servlet is working fine as compiler can find servlet class net.fckeditor.connector.ConnectorServlet. Please help me as where can i find UploadServlet. I tried
<servlet-class>net.fckeditor.connector.UploadServlet</servlet-class>
and
com.app.servlet.UploadServlet
in web.xml but nothing worked....

There has never been an UploadServlet, please provide a full stacktrace.

I was reading earlier posts from this thread, that's why i had UploadServet in web.xml file. Now I changed it to"com.fredck.FCKeditor.uploader.SimpleUploaderServlet" and my compiler is happy. But the image issue still remains same. Image Properties window pop's up and after that it's showing waiting animations. Now to move forward, it removed image upload button and testing the all other links. So in phase-I will introduce this editor without image upload functionality. Since there isn't any stack trace now , i can't post that but later today i will post screen shot of waiting animation for image upload.

Thanks,
Humesh

Ok but consider upgrading your package, your FCKeditor.Java version ist completely outdated.