`

FCKEdit

fckeditortinymceJSPJavaScriptWeb 
阅读更多

FCKEdit是一个javascript的组件，主要用于在线文本编辑.还有一个是tinyMCE功能类似下载地址http://tinymce.moxiecode.com/。

首先下载：http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.2.zip
然后解压后把包放到Webroot目录下，删去不需要的文件，页面代码如下：

<%@ page language="java"  pageEncoding="UTF-8"%>
<% String context=request.getContextPath();%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
      <title>My JSP 'index.jsp' starting page </title>
<script type="text/javascript" src=" <%=context%>/fckeditor/fckeditor.js"> </script>
  </head>
 
  <body>
  <script type="text/javascript">
    var oFCKeditor = new FCKeditor("content");
    oFCKeditor.BasePath = ' <%=context%>/fckeditor/' ;
    oFCKeditor.Height = 300 ;
    oFCKeditor.ToolbarSet = 'Default';
    oFCKeditor.Create() ;
</script>
  </body>
</html>
这里只是最基本的使用，以下是载抄别人的代码：

基于java使用FCKedit......

基于java使用FCKeditor 

基于java使用FCKeditor:

试用了一下FCKeditor,感觉不错(http://www.fckeditor.net)

稍稍整理了一下,过程如下：

1.下载

FCKeditor.java 2.3  (FCKeditot for java)

FCKeditor 2.2 (FCKeditor基本文件)

2.建立项目:tomcat/webapps/FCKeditor

3.FCKeditor.java 2.3解压后，把其中的web目录下的WEB-INF目录copy到FCKeditor下(里面有commons-fileupload.jar,FCKeditor-2.3.jar,web.xml等几个文件), 把其中的src目录下的FCKeditor.tld文件copy到FCKeitor/WEB-INF/下

4.修改web.xml:

  把SimpleUploader中的配置属性enabled定义为true(开启文件上传功能）

  添加标签定义:

  <taglib>

    <taglib-uri>/FCKeditor </taglib-uri>

    <taglib-location>/WEB-INF/FCKeditor.tld </taglib-location>

  </taglib>

5.解压FCKeditor2.2后，把目录/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件copy到/FCKeditor下

  删除目录/editor/_source,

  删除/editor/filemanager/browser/default/connectors/下的所有文件

  删除/editor/filemanager/upload/下的所有文件

  删除/editor/lang/下的除了fcklanguagemanager.js, en.js, zh.js, zh-cn.js四个文件的所有文件

6.打开/FCKeditor/fckconfig.js

  修改 FCKConfig.DefaultLanguage = 'zh-cn' ; 

  把FCKConfig.LinkBrowserURL等的值替换成以下内容：

  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" ;

  FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;

  FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;

  FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;

7.添加文件 /FCKeditor/test.jsp:

<%@ page language="java" import="com.fredck.FCKeditor.*" %>

<%@ taglib uri="/FCKeditor" prefix="FCK" %>

<script type="text/javascript" src="/FCKeditor/fckeditor.js"> </script>

<%--

三种方法调用FCKeditor

1.FCKeditor自定义标签 (必须加头文件  <%@ taglib uri="/FCKeditor" prefix="FCK" %> )

2.script脚本语言调用 (必须引用 脚本文件 <script type="text/javascript" src="/FCKeditor/fckeditor.js"> </script> )

3.FCKeditor API 调用 (必须加头文件 <%@ page language="java" import="com.fredck.FCKeditor.*" %> )

--%>

<%--

<form action="show.jsp" method="post" target="_blank">

<FCK:editor id="content" basePath="/FCKeditor/"

      width="700"

      height="500"

      skinPath="/FCKeditor/editor/skins/silver/"

      toolbarSet = "Default"

>

input

        </FCK:editor>

<input type="submit" value="Submit">

</form>

--%>

<form action="show.jsp" method="post" target="_blank">

<table border="0" width="700"> <tr> <td>

<textarea id="content" name="content" style="WIDTH: 100%; HEIGHT: 400px">input </textarea>

<script type="text/javascript">

var oFCKeditor = new FCKeditor('content') ;

oFCKeditor.BasePath = "/FCKeditor/" ;

oFCKeditor.Height = 400;

oFCKeditor.ToolbarSet = "Default" ; 

oFCKeditor.ReplaceTextarea();

</script>

<input type="submit" value="Submit">

</td> </tr> </table>

</form>

<%--

<form action="show.jsp" method="post" target="_blank">

<%

FCKeditor oFCKeditor ;

oFCKeditor = new FCKeditor( request, "content" ) ;

oFCKeditor.setBasePath( "/FCKeditor/" ) ;

oFCKeditor.setValue( "input" );

out.println( oFCKeditor.create() ) ;

%>

<br>

<input type="submit" value="Submit">

</form>

--%>

  添加文件/FCKeditor/show.jsp:

<%

String content = request.getParameter("content");

out.print(content);

%>

8.浏览http://localhost:8080/FCKeditor/test.jsp

  ok!

9.上传遇到错误: internal server error 500,

  直接引用servlet(com.fredck.FCKeditor.connector.ConnectorServlet)也遇到错误: "Provider org.apache.xalan.processor.TransformerFactoryImpl not found",

  拷贝xalan.jar到lib目录就可以了

分享到：
| linux下tomcat集群配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    FCKedit net

    FCKedit（全称：FCKeditor）是FredCK开发的一个开源项目，其目标是提供一个与浏览器兼容性好、功能强大的在线文本编辑解决方案。 在【描述】中提到的“FCKedit代码文件夹”可能包含了FCKeditor的源代码和相关资源...

    fckedit在线文本编辑器 带使用说明

    `fckedit`文件可能是编辑器的一个特定版本或者一个配置文件，需要结合项目中的其他文件和文档来理解其具体作用。 综上所述，fckeditor是一个强大的在线文本编辑器，适合于各种Web应用中的文本编辑需求。了解并掌握...

    fckedit(aspnet精简完整包).rar

    "fckedit(aspnet精简完整包).rar" 是针对ASP.NET平台的一个特别优化版本，提供了完整的功能集，同时进行了精简，便于快速集成到ASP.NET项目中。 该编辑器的主要特点包括： 1. **富文本编辑**：FCKeditor支持多种...

    fckedit工具包

    **fckedit工具包** 是一个用于Web应用的富文本编辑器解决方案，它包含了fckeditor的核心组件、相关的jar包、演示实例以及详细的使用指南。这个工具包为开发者提供了在网页上实现复杂文本编辑功能的能力，使得用户...

    FCKedit两种使用方法

    FCKeditor是一款强大的开源富文本编辑器，常用于网页内容编辑，它提供了丰富的文本格式化功能，如字体、字号、颜色、对齐方式等，同时支持插入图片、链接、表格等元素，使得用户在浏览器端就能实现类似Word的编辑...

    fckedit 编辑器

    "fckedit 编辑器"标题指的是这款编辑器，而描述中的"在线编辑器 php 简单"表明它主要针对PHP环境，并且易于集成和使用。 **一、fckeditor核心特性** 1. **跨平台**：fckeditor支持多种操作系统，包括Windows、Linux...

    fckedit

    **FCKeditor：一个强大的富文本编辑器** FCKeditor是一款开源的JavaScript富文本编辑器，广泛应用于网页制作和内容管理系统中。它为用户提供了一种类似Microsoft Word的在线编辑体验，使得用户可以在网页上直接进行...

    fckedit的使用

    ### fckedit的使用 #### 一、简介 FCKeditor（现称为FCKeditor，后文统一使用新名称FCKeditor）是一款功能强大的在线HTML编辑器，它为用户提供了一个直观且易于使用的富文本编辑环境。FCKeditor适用于各种Web应用...

    fckedit 编辑器 实例

    在这个“fckedit编辑器实例”中，我们有一个完整的无需数据库、简洁实现提交与读取操作的示例。 ### 1. FCKeditor简介 FCKeditor由Fernando Monteiro创建，最初名为FCKeditor（FCK是开发者名字的首字母缩写），后...

    fckedit config配置解析

    ### fckedit config配置解析 #### 1. FCKConfig.CustomConfigurationsPath - **含义**: 此选项用于指定自定义配置文件的路径。 - **示例**: `FCKConfig.CustomConfigurationsPath = '/path/to/custom/configs/';` ...

    fckedit.2.6.6+mysql+jsp安装(含截图操作说明)

    FCKeditor是一款经典的开源富文本编辑器，常用于网页内容编辑，它支持多种编程语言，包括Java（JSP）。在本教程中，我们将探讨如何在已有环境基础上安装FCKeditor 2.6.6版本，并结合MySQL数据库进行配置，以便在JSP...

    FckEdit C#版 在线编辑器

    【FckEdit C#版 在线编辑器】是一款基于C#编程语言开发的富文本编辑器，主要用于网页上的文本编辑和格式化。它为用户提供了一种便捷的方式，以类似于Word的界面来创建、编辑和格式化HTML内容。FCKeditor（FCKedit的...

    jsp+fckedit图片上传

    标题"jsp+fckedit图片上传"暗示了我们将讨论如何结合这两种技术实现图片上传功能。在网页编辑场景中，用户可能需要插入或编辑页面上的图片，这就需要用到一个支持图片上传功能的编辑器。`fckeditor`提供了这样的功能...

    ASP.net 在线编辑器fckedit.2.6.3

    ASP.NET在线编辑器FCKeditor是一款广泛应用于网页内容编辑的工具，尤其在开发基于ASP.NET平台的网站时，它提供了一种便捷的方式来创建和编辑富文本。FCKeditor 2.6.3是该编辑器的一个版本，它具有丰富的功能和良好的...

    FCKedit 编辑器组件

    编辑器组件,根据demo使用就行.fckedit适用于做论坛，对内容进行个性化编辑

    可以直接使用的FCKEDIT 在linux下可以用

    可以直接使用的FCKEDIT 在linux下可以用可以直接使用的FCKEDIT 在linux下可以用可以直接使用的FCKEDIT 在linux下可以用可以直接使用的FCKEDIT 在linux下可以用可以直接使用的FCKEDIT 在linux下可以用

    FCKEDIT2.3

    FCKeditor是一款非常知名的开源富文本编辑器，其2.3版本在当时是相当流行的选择。... FCKeditor 2.3 的主要特性包括： 1. **多语言支持**：FCKeditor 2.3 支持多种语言，包括中文，这对于全球范围内的用户来说非常...

    fckedit(aspnet精简完整包)在线编辑器

    在标题提到的"**fckedit(aspnet精简完整包)**"中，"fckedit"即为FCKeditor的简称，"aspnet"表明这是专为ASP.NET平台设计的版本，"精简完整包"意味着这个版本包含了所有必要的组件和文件，适合快速部署和使用，同时...

    FCK在线编辑器源码及部署项目引用示例

    1.将FCKedit-2.3.jar、commons-beanutils-1.7.0.jar、commons-fileupload-1.2.jar、commons-io-1.3.2.jar、commons-lang-2.0.jar、commons-longging-1.0.1.jar、cos.jar包导入lib 2.将FCKedit文件夹导入WebRoot 3.将...

Magicbox
Global site tag (gtag.js) - Google Analytics