1、概述
FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor(如百度,阿里巴巴)。
FCKeditor官方网站:http://www.fckeditor.net/
FCKeditor Wiki:http://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;' ;
分享到:
相关推荐
在Java环境下,FCKeditor可以通过特定的集成包与JSP页面无缝对接,简化了在Java应用中的使用。 1. **FCKeditor的特点** - 功能强大:FCKeditor提供了丰富的编辑功能,包括文本格式化、图片插入、链接管理、表格...
FCKeditor 使用详解 FCKeditor 是一个功能强大、支持所见即所得功能的文本编辑器,可以为用户提供微软 Office 软件一样的在线文档编辑服务。它不需要安装任何形式的客户端,兼容绝大多数主流浏览器,支持 ASP.Net、...
为了在Java环境下使用 FCKeditor,首先你需要从官方网站下载最新版本,例如 2.5.1 版本的 FCKeditor_2.5.1.zip 和 FCKeditor.Java (FCKeditor-2.3.zip)。下载后,按照以下步骤进行部署: 1. 解压缩 FCKeditor_2.5.1...
【FCKeditor 使用方法详解】 FCKeditor 是一个基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好、可视化的文本编辑功能的网站。FCKeditor 具备强大的功能,包括...
**FCKEditor 使用详解** FCKEditor 是一款流行的开源HTML编辑器,提供所见即所得的编辑体验,广泛应用于Web应用程序中,允许用户在浏览器端创建和编辑富文本内容。这款编辑器支持多种功能,包括插入图片、Flash动画...
"使用详解"部分,如"FCKEditor使用详解_2003.doc"文档,很可能是对如何在Java应用中集成和使用FCKeditor的详细教程。这份文档可能涵盖了以下内容: 1. **安装与配置**:介绍如何下载并引入FCKeditor到Java项目中,...
### FCKeditor_使用详解:Java版应用与配置 #### 概述 FCKeditor,作为一款杰出的富文本编辑器,凭借其强大的功能、易用性、跨浏览器兼容性以及对多种编程语言的支持,迅速成为了众多开发者的首选工具。这款编辑器...
**fckeditor 使用详解** fckeditor 是一款开源的 Web 编辑器,提供所见即所得的编辑体验,常用于网站后台添加文章或编辑内容时的文本格式化。它支持多种编程语言,包括 Java。以下是对 fckeditor 配置和使用的详细...
### 使用JAVA技巧FCKEditor2.6.3配合Java的使用步骤详解 #### 一、FCKEditor简介 FCKEditor是一款广泛应用于Web开发领域的文本编辑器插件,以其强大的功能和灵活的自定义能力而著称。它不仅支持基本的文字输入与...
【FCKEditor使用详解】 FCKEditor是一款强大的HTML编辑器,具有所见即所得的特性,使得用户在网页上编辑内容时如同在Word文档中操作一样直观。它不仅支持文字编辑,还允许用户插入图片和Flash动画,极大地丰富了...
**FCKeditor使用方法详解** FCKeditor是一款开源的、基于Web的富文本编辑器,广泛应用于网页内容编辑,使得用户可以在浏览器端进行类似于Word的文本编辑操作。它支持多种浏览器,包括Internet Explorer、Firefox、...
### FCKeditor编辑器在Java中的使用与配置详解 #### 引言 FCKeditor是一款功能强大且易于使用的网页编辑器,它支持多种编程语言,包括Java。在Java环境中使用FCKeditor,不仅可以提高文本编辑的灵活性,还能增强...
1. **依赖管理**:"fckeditor-java-2.6"通常包含Java库文件,如JAR包,这些文件需要添加到项目的类路径中以便使用。 2. **API使用**:通过Java API,开发者可以在网页中嵌入FCKeditor,设置编辑器的配置,如宽度、...
【FCKeditor使用方法技术详解】 FCKeditor是一款基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好界面以编辑HTML内容的场合。由于其强大的功能、易配置性、跨...