`
hyw520110
  • 浏览: 222660 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

FCKeditor使用详解JAVA版

    博客分类:
  • java
阅读更多

1、概述

FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor(如百度,阿里巴巴)。

FCKeditor官方网站:http://www.fckeditor.net/

FCKeditor Wikihttp://wiki.fckeditor.net/

2、下载FCKeditor

登录FCKeditor官方站(http://www.fckeditor.net),点击网站右上角“Download”链接。

3、安装FCKeditor

       解压“FCKeditor_2.6.4.zip”文档到您的网站目录下,我们先假定您存放FCKeditor和调用脚本存于同一个目录下。fckeditor目录包含FCKeditor_2.6.4程序文件。

 

3.1、在JSP中使用Fckeditor

       调用FCKeditor必须先载入FCKeditor js文件。具体代码如下。

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

创建编辑器有三种方法,这里只介绍渲染<textarea>和用Javascript创建编辑器的方法:

第一种:渲染<textarea>

              先在JSP或者HTML页面中创建一个<textarea rows=”10” cols=”20” name=”content”>,指定它的名字,比如我们这个<textarea>的名字是:content。然后在<head></head>中间加上:

<script type="text/javascript">

       window.onload = function()

       {

       var oFCKeditor = new FCKeditor('content') ;

       oFCKeditor.BasePath = "/path/fckeditor/";

       oFCKeditor.Width="100%";

       oFCKeditor.Height="430";

       oFCKeditor.ReplaceTextarea() ;

       }

    </script>

 

第二种:使用JavaScript创建编辑器:

       在你希望编辑器出现的位置,加上:

<script type="text/javascript">

var oFCKeditor = new FCKeditor('content');

           oFCKeditor.BasePath = "/ path/fckeditor/";

           oFCKeditor.ToolbarSet = "Default";

           oFCKeditor.Width="100%";

           oFCKeditor.Height="430";

           oFCKeditor.Create();

       </script>

这样,我们的编辑器就创建好了。但是为了更好的使用Fckeditor,我们还需要对它进行一些配置.

3.2、配置篇:

 

首先,我们创建自己的配置文件,在fckeditor目录下,我们创建一个myconfig.js,和fckeditor.js处于同级目录下。

1.       Fckeditor默认语言是英文的,所以,我们第一件事情就是把它改成中文的。

我们在自己的配置文件中,加入下面两句话:

FCKConfig.AutoDetectLanguage = false ;

FCKConfig.DefaultLanguage = 'zh-cn' ;

第一句话的意思是说,不要让Fckeditor自动检测语言,第二句话就是把默认语言改成中文。

2.       我们再来定义皮肤;Fckeditor默认的皮肤很难看,最起码我个人就不喜欢它的默认风格,所以我要把它改掉。在Fckeditor中定义了一套office2003的皮肤,我们就用它。在我们的配置文件中加入:

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/';

3.       Fckeditor中,按Shift+Enter默认是换行,按Enter默认是一个段落,这显然不符合我们的操作习惯,我们也来改一下,还是在我们的配置文件中,加入下面这两句话:

FCKConfig.EnterMode = 'br'; 

FCKConfig.ShiftEnterMode = 'p';

4.       下来定义字体,Fckeditor默认没有中文字体,我们来加几个常用字体:

FCKConfig.FontNames      = '宋体;幼圆;隶书;楷体_GB2312;黑体;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;' ;

 

5.       字体大小,加入下面这句话:

FCKConfig.FontSizes      = '12px;14px;16px;18px;24px;26px;28px;32px;' ;

 

分享到:
评论

相关推荐

    FCKeditor使用详解JAVA版.doc

    在Java环境下,FCKeditor可以通过特定的集成包与JSP页面无缝对接,简化了在Java应用中的使用。 1. **FCKeditor的特点** - 功能强大:FCKeditor提供了丰富的编辑功能,包括文本格式化、图片插入、链接管理、表格...

    FCKeditor使用详解.doc

    FCKeditor 使用详解 FCKeditor 是一个功能强大、支持所见即所得功能的文本编辑器,可以为用户提供微软 Office 软件一样的在线文档编辑服务。它不需要安装任何形式的客户端,兼容绝大多数主流浏览器,支持 ASP.Net、...

    文本编辑器FCKEditor使用详解

    为了在Java环境下使用 FCKeditor,首先你需要从官方网站下载最新版本,例如 2.5.1 版本的 FCKeditor_2.5.1.zip 和 FCKeditor.Java (FCKeditor-2.3.zip)。下载后,按照以下步骤进行部署: 1. 解压缩 FCKeditor_2.5.1...

    FCKeditor使用方法详解

    【FCKeditor 使用方法详解】 FCKeditor 是一个基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好、可视化的文本编辑功能的网站。FCKeditor 具备强大的功能,包括...

    FCKEditor使用详解_2003.doc

    **FCKEditor 使用详解** FCKEditor 是一款流行的开源HTML编辑器,提供所见即所得的编辑体验,广泛应用于Web应用程序中,允许用户在浏览器端创建和编辑富文本内容。这款编辑器支持多种功能,包括插入图片、Flash动画...

    fckeditor-java-2.6-src

    "使用详解"部分,如"FCKEditor使用详解_2003.doc"文档,很可能是对如何在Java应用中集成和使用FCKeditor的详细教程。这份文档可能涵盖了以下内容: 1. **安装与配置**:介绍如何下载并引入FCKeditor到Java项目中,...

    FCKeditor_使用详解

    ### FCKeditor_使用详解:Java版应用与配置 #### 概述 FCKeditor,作为一款杰出的富文本编辑器,凭借其强大的功能、易用性、跨浏览器兼容性以及对多种编程语言的支持,迅速成为了众多开发者的首选工具。这款编辑器...

    fckeditor使用详解

    **fckeditor 使用详解** fckeditor 是一款开源的 Web 编辑器,提供所见即所得的编辑体验,常用于网站后台添加文章或编辑内容时的文本格式化。它支持多种编程语言,包括 Java。以下是对 fckeditor 配置和使用的详细...

    (使用)JAVA技巧FCKEditor2.6.3配合Java的使用步骤.doc

    ### 使用JAVA技巧FCKEditor2.6.3配合Java的使用步骤详解 #### 一、FCKEditor简介 FCKEditor是一款广泛应用于Web开发领域的文本编辑器插件,以其强大的功能和灵活的自定义能力而著称。它不仅支持基本的文字输入与...

    FCKEditor使用详解

    【FCKEditor使用详解】 FCKEditor是一款强大的HTML编辑器,具有所见即所得的特性,使得用户在网页上编辑内容时如同在Word文档中操作一样直观。它不仅支持文字编辑,还允许用户插入图片和Flash动画,极大地丰富了...

    FCKeditor使用方法详解.doc

    **FCKeditor使用方法详解** FCKeditor是一款开源的、基于Web的富文本编辑器,广泛应用于网页内容编辑,使得用户可以在浏览器端进行类似于Word的文本编辑操作。它支持多种浏览器,包括Internet Explorer、Firefox、...

    FCKeditor编辑器在JAVA中的使用与配置.pdf

    ### FCKeditor编辑器在Java中的使用与配置详解 #### 引言 FCKeditor是一款功能强大且易于使用的网页编辑器,它支持多种编程语言,包括Java。在Java环境中使用FCKeditor,不仅可以提高文本编辑的灵活性,还能增强...

    fckeditor-java-2.6-bin

    1. **依赖管理**:"fckeditor-java-2.6"通常包含Java库文件,如JAR包,这些文件需要添加到项目的类路径中以便使用。 2. **API使用**:通过Java API,开发者可以在网页中嵌入FCKeditor,设置编辑器的配置,如宽度、...

    FCKeditor使用方法技术详解

    【FCKeditor使用方法技术详解】 FCKeditor是一款基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好界面以编辑HTML内容的场合。由于其强大的功能、易配置性、跨...

Global site tag (gtag.js) - Google Analytics