var sBasePath = "<%=basePath
%>/fckeditor/";
var oFCKeditor = new
FCKeditor('content') ;
oFCKeditor.BasePath
= sBasePath ;
oFCKeditor.ReplaceTextarea()
;
}
</script>
<html>
<head>
<title>fckeditor_demo</title>
</head>
<body>
<table>
<tr><td ><textarea
name="content"></textarea></td></tr>
</table>
<form action="showdata.jsp"
method="post">
<br>
<input type="submit"
value="提交"/>
<input type="reset"
value="重置"/>
</form>
</body>
</html>
//显示内容jsp
<%@ page language="java"
contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<title>FCKeditor -
显示数据</title>
</head>
<%
request.setCharacterEncoding("UTF-8");
String data = request.getParameter("content");
%>
<body>
<h1>FCKeditor - 显示数据</h1>
<hr/>
<%=data%>
</body>
</html>
目录结构!
需要jar包
资源文件
FCKEDITOR类参考:
下面是用来在页面中建立编辑器的FCKEDITOR类的说明
构造器:
FCKeditor( instanceName[, width, height, toolbarSet, value]
)
instanceName:编辑器的唯一名称(相当于ID)
WIDTH:宽度
HEIGHT:高度
toolbarSet:工具条集合的名称
value:编辑器初始化内容
属性:
instanceName:编辑器实例名
width:宽度,默认值为100%
height:高度,默认值是200
ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default
value:初始化编辑器的HTML代码,默认值为空
BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾
CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true
DisplayErrors:是否显示提示错误,默为true;
集合:
Config[Key]=value;
这个集合用于更改配置中某一项的值,如
oFckeditor.Config["DefaultLanguage"]="pt-br";
方法:
Create()
建立并输出编辑器
RepaceTextArea(TextAreaName)
用编辑器来替换对应的文本框
如何配置FCKEDITOR?
FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js
你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVASCRIPT语法.
修改后,在建立编辑器时,可以使用以下语法:
var oFCKeditor = new FCKeditor( 'FCKeditor1' )
;
oFCKeditor.Config['CustomConfigurationsPath'] = '/myconfig.js'
;
oFCKeditor.Create() ;
提醒:当你修改配置后,请清空浏览器缓存以查看效果
配置选项:
AutoDetectLanguage=true/false 自动检测语言
BaseHref=""
相对链接的基地址
ContentLangDirection="ltr/rtl"
默认文字方向
ContextMenu=字符串数组,右键菜单的内容
CustomConfigurationsPath=""
自定义配置文件路径和名称
Debug=true/false
是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容
DefaultLanguage=""
缺省语言
EditorAreaCss="" 编辑区的样式表文件
EnableSourceXHTML=true/false
为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML
EnableXHTML=true/false
是否允许使用XHTML取代HTML
FillEmptyBlocks=true/false
使用这个功能,可以将空的块级元素用空格来替代
FontColors="" 设置显示颜色拾取器时文字颜色列表
FontFormats=""
设置显示在文字格式列表中的命名
FontNames="" 字体列表中的字体名
FontSizes=""
字体大小中的字号列表
ForcePasteAsPlainText=true/false
强制粘贴为纯文本
ForceSimpleAmpersand=true/false
是否不把&符号转换为XML实体
FormatIndentator=""
当在源码格式下缩进代码使用的字符
FormatOutput=true/false
当输出内容时是否自动格式化代码
FormatSource=true/false
在切换到代码视图时是否自动格式化代码
FullPage=true/false
是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容
GeckoUseSPAN=true/false
是否允许SPAN标记代替B,I,U标记
IeSpellDownloadUrl=""下载拼写检查器的网址
ImageBrowser=true/false
是否允许浏览服务器功能
ImageBrowserURL=""
浏览服务器时运行的URL
ImageBrowserWindowHeight=""
图像浏览器窗口高度
ImageBrowserWindowWidth="" 图像浏览器窗口宽度
LinkBrowser=true/false
是否允许在插入链接时浏览服务器
LinkBrowserURL=""
插入链接时浏览服务器的URL
LinkBrowserWindowHeight=""链接目标浏览器窗口高度
LinkBrowserWindowWidth=""链接目标浏览器窗口宽度
Plugins=object
注册插件
PluginsPath="" 插件文件夹
ShowBorders=true/false 合并边框
SkinPath=""
皮肤文件夹位置
SmileyColumns=12 图符窗列数
SmileyImages=字符数组
图符窗中图片文件名数组
SmileyPath="" 图符文件夹路径
SmileyWindowHeight
图符窗口高度
SmileyWindowWidth 图符窗口宽度
SpellChecker="ieSpell/Spellerpages"
设置拼写检查器
StartupFocus=true/false 开启时FOCUS到编辑器
StylesXmlPath=""
设置定义CSS样式列表的XML文件的位置
TabSpaces=4
TAB键产生的空格字符数
ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏
ToolbarSets=object
允许使用TOOLBAR集合
ToolbarStartExpanded=true/false
开启是TOOLBAR是否展开
UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记
相关推荐
**FCKEditor使用帮助文档** FCKEditor是一款开源的HTML编辑器,主要用于网站内容管理系统(CMS)和论坛等在线文本编辑场景。它以其强大的功能、易于集成和自定义而受到开发者的广泛欢迎。本帮助文档将详细介绍...
ASP.NET 文本编辑器 FCKeditor 使用方法详解 FCKeditor 是一个功能强大且流行的 ASP.NET 文本编辑器,提供了许多实用的功能,如格式化文本、插入图片、上传文件、创建表格等。下面将详细介绍如何使用 FCKeditor 在 ...
**FCKeditor 使用手册** FCKeditor 是一款强大的开源富文本编辑器,广泛应用于网站内容管理系统,允许用户在网页上创建、编辑和格式化文本。本文档将详细介绍如何安装、配置、集成和优化 FCKeditor。 ### 安装 ...
【FCKeditor使用方法详解】 FCKeditor是一款强大的开源文本编辑器,主要用于在网页中创建和编辑富文本内容。它的功能强大,支持多种语言,并且提供了丰富的API供开发者进行自定义扩展。以下是对FCKeditor使用方法的...
**FCKEditor 使用详解** FCKEditor是一款曾经非常流行的开源HTML文本编辑器,它使得在网页上创建富文本内容变得更加简单。尽管现在已经被CKEditor所取代,但FCKEditor在许多旧项目中仍然广泛使用,因此理解其工作...
**FCKEditor使用方法** FCKEditor是一款曾经非常流行的开源HTML文本编辑器,它允许用户在Web页面上创建和编辑富文本内容。FCKeditor以其强大的功能和易用性,被广泛应用于各种网站的后台管理系统中,使得非编程人员...
【FCKeditor 使用方法详解】 FCKeditor 是一个基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好、可视化的文本编辑功能的网站。FCKeditor 具备强大的功能,包括...
### FCKeditor使用方法技术详解 #### 一、概述 FCKeditor是一款杰出的富文本编辑器,以其直观的操作界面和强大的功能集受到广泛好评。它由JavaScript编写而成,能够轻松地集成到各种Web应用程序中,支持跨浏览器,...
**FCKeditor 使用指南** **一、FCKeditor 简介** FCKeditor 是一个开源的、基于浏览器的富文本编辑器,它允许用户在网页上进行类似于Word的文本编辑操作。FCKeditor 2.6.3是其一个稳定版本,提供了丰富的功能,如...
FCKeditor 使用详解 FCKeditor 是一个功能强大、支持所见即所得功能的文本编辑器,可以为用户提供微软 Office 软件一样的在线文档编辑服务。它不需要安装任何形式的客户端,兼容绝大多数主流浏览器,支持 ASP.Net、...
FCKeditor使用JavaScript编写,支持多种浏览器,包括IE、Firefox、Chrome、Safari等。这款编辑器在Web开发中被广泛应用,特别是在内容管理系统(CMS)和论坛系统中。 **FCKeditor的配置**: FCKeditor的配置主要...
### FCKeditor使用方法技术详解 #### 一、FCKeditor简介 FCKeditor是一款杰出的富文本编辑器,以其强大的功能、易于配置、跨浏览器兼容性、对多种编程语言的支持以及开源特性著称。这款编辑器在互联网上拥有广泛的...
### FCKeditor使用方法详解 #### 一、引言 FCKeditor,一款基于JavaScript的网页编辑器,因其强大的功能、易配置性、跨浏览器兼容性以及对多种编程语言的支持而备受推崇。作为一款开源软件,FCKeditor不仅在国际上...
**FCKeditor 使用方法详解** FCKeditor 是一个开源的富文本编辑器,广泛应用于Web应用中,允许用户在浏览器端进行格式化文本编辑。它提供了丰富的文本格式化选项,如字体、字号、颜色、对齐方式等,还支持插入图片...
**FCKeditor 使用指南及 JavaScript 调用** FCKeditor 是一款开源的富文本编辑器,它在Web开发中广泛用于提供用户友好的在线文本编辑功能。通过JavaScript调用,开发者可以轻松地将FCKeditor集成到网页中,允许用户...
**FCKEditor 使用指南** FCKEditor 是一款广泛应用于网页开发中的开源富文本编辑器,它为用户提供了“所见即所得”的编辑体验,使得...而《FCKEditor使用指南.pdf》这份文档,将是你学习和掌握这个编辑器的宝贵资源。