`
pangxin12345
  • 浏览: 189283 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

fckeditor 使用

    博客分类:
  • js
阅读更多

jsp:

<%@ page contentType="text/html;charset=utf-8" %>
<%@ page import="java.util.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<link href="<%=basePath %>/fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=basePath %>/fckeditor/fckeditor.js"></script>
<script type="text/javascript">

//初始化fckeditor
window.onload = function()
{

   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标记

  • 大小: 19 KB
  • 大小: 11.7 KB
  • 大小: 26.2 KB
分享到:
评论

相关推荐

    FCKEditor使用帮助文档

    **FCKEditor使用帮助文档** FCKEditor是一款开源的HTML编辑器,主要用于网站内容管理系统(CMS)和论坛等在线文本编辑场景。它以其强大的功能、易于集成和自定义而受到开发者的广泛欢迎。本帮助文档将详细介绍...

    asp.net文本编辑器FCKeditor使用方法详解

    ASP.NET 文本编辑器 FCKeditor 使用方法详解 FCKeditor 是一个功能强大且流行的 ASP.NET 文本编辑器,提供了许多实用的功能,如格式化文本、插入图片、上传文件、创建表格等。下面将详细介绍如何使用 FCKeditor 在 ...

    fckeditor使用手册

    **FCKeditor 使用手册** FCKeditor 是一款强大的开源富文本编辑器,广泛应用于网站内容管理系统,允许用户在网页上创建、编辑和格式化文本。本文档将详细介绍如何安装、配置、集成和优化 FCKeditor。 ### 安装 ...

    文本编辑器FCKeditor使用方法详解--图文详解

    【FCKeditor使用方法详解】 FCKeditor是一款强大的开源文本编辑器,主要用于在网页中创建和编辑富文本内容。它的功能强大,支持多种语言,并且提供了丰富的API供开发者进行自定义扩展。以下是对FCKeditor使用方法的...

    FCKEDITOR 使用说明

    **FCKEditor 使用详解** FCKEditor是一款曾经非常流行的开源HTML文本编辑器,它使得在网页上创建富文本内容变得更加简单。尽管现在已经被CKEditor所取代,但FCKEditor在许多旧项目中仍然广泛使用,因此理解其工作...

    FCKEditor使用方法

    **FCKEditor使用方法** FCKEditor是一款曾经非常流行的开源HTML文本编辑器,它允许用户在Web页面上创建和编辑富文本内容。FCKeditor以其强大的功能和易用性,被广泛应用于各种网站的后台管理系统中,使得非编程人员...

    FCKeditor使用方法详解

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

    FCKeditor使用方法技术详解.pdf

    ### FCKeditor使用方法技术详解 #### 一、概述 FCKeditor是一款杰出的富文本编辑器,以其直观的操作界面和强大的功能集受到广泛好评。它由JavaScript编写而成,能够轻松地集成到各种Web应用程序中,支持跨浏览器,...

    FCKeditor使用指南(FCKeditor_2.6.3)

    **FCKeditor 使用指南** **一、FCKeditor 简介** FCKeditor 是一个开源的、基于浏览器的富文本编辑器,它允许用户在网页上进行类似于Word的文本编辑操作。FCKeditor 2.6.3是其一个稳定版本,提供了丰富的功能,如...

    FCKeditor使用详解.doc

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

    FCKeditor使用与代码

    FCKeditor使用JavaScript编写,支持多种浏览器,包括IE、Firefox、Chrome、Safari等。这款编辑器在Web开发中被广泛应用,特别是在内容管理系统(CMS)和论坛系统中。 **FCKeditor的配置**: FCKeditor的配置主要...

    FCKeditor使用方法技术详解.doc

    ### FCKeditor使用方法技术详解 #### 一、FCKeditor简介 FCKeditor是一款杰出的富文本编辑器,以其强大的功能、易于配置、跨浏览器兼容性、对多种编程语言的支持以及开源特性著称。这款编辑器在互联网上拥有广泛的...

    FCKeditor使用方法详解.doc

    ### FCKeditor使用方法详解 #### 一、引言 FCKeditor,一款基于JavaScript的网页编辑器,因其强大的功能、易配置性、跨浏览器兼容性以及对多种编程语言的支持而备受推崇。作为一款开源软件,FCKeditor不仅在国际上...

    FCKeditor使用方法详解 附:FCKeditor2.66版

    **FCKeditor 使用方法详解** FCKeditor 是一个开源的富文本编辑器,广泛应用于Web应用中,允许用户在浏览器端进行格式化文本编辑。它提供了丰富的文本格式化选项,如字体、字号、颜色、对齐方式等,还支持插入图片...

    FCKeditor 使用指南及 JavaScript 调用

    **FCKeditor 使用指南及 JavaScript 调用** FCKeditor 是一款开源的富文本编辑器,它在Web开发中广泛用于提供用户友好的在线文本编辑功能。通过JavaScript调用,开发者可以轻松地将FCKeditor集成到网页中,允许用户...

    FCKEditor使用指南.rar

    **FCKEditor 使用指南** FCKEditor 是一款广泛应用于网页开发中的开源富文本编辑器,它为用户提供了“所见即所得”的编辑体验,使得...而《FCKEditor使用指南.pdf》这份文档,将是你学习和掌握这个编辑器的宝贵资源。

Global site tag (gtag.js) - Google Analytics