`
qilin1022
  • 浏览: 5908 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Fckeditor入门配置

 
阅读更多

一、Fckeditro简单配置

1、从网上下载好Fckeditor。

2、将及解压放入到工程的web根目录下

上述的fckeditor比我们直接解压的要简洁一些,是因为我将其简化了。我们使用将其解压复制进工程即可。

 

3、书写测试代码

index.jsp 

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>

<%

String path = request.getContextPath();

%>

<html>

<head>

<title>FCKeditor - Sample</title>

<meta http-equiv="Content-Type" content="text/html; charset=GBK">

<meta name="robots" content="noindex, nofollow">

<script type="text/javascript" src="<%=path %>/fckeditor/fckeditor.js"></script><!--  将fckeditor.js引入-->

<script type="text/javascript">

window.onload = function()

{

var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;//MyTextarea 为下面textarea 的id

oFCKeditor.BasePath = "/sx_fwpt/fckeditor/" ;  //基本路径,注意这里一定要设置正确。sx_fwpt是我的工程名称

oFCKeditor.ReplaceTextarea() ;

}

</script>

</head>

<body>

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

<table>

<tr></tr>

</table>

<textarea id="MyTextarea" name="MyTextarea" rows="3" cols="10">This is <b>the</b> initial value.</textarea><!-- 配置一个textarea -->

<input type="submit" value="提交"><input type="reset">  

    </form> 

</body>

</html>

上面的配置即可完成显示。

 

二、配置文件

fckconfig.js为fckeditor的配置文件

我介绍几个我们非常常用的几个属性

FCKConfig.ToolbarSets["Default"]  可以设置工具栏中显示按钮,可以根据需要进行增加或者删除某一个按钮或功能,类似数组删除某一个即可。

FCKConfig.AutoDetectLanguage = true ; 自动语音检查

FCKConfig.DefaultLanguage = 'zh-cn' ; 默认语言设计

 

三、中文乱码问题

在设置后,可能会在IE产生中文乱码。我的工程使用的是GBK编码格式。

解决方法,在配置后fckeditor/editor/lang/zh-cn.js 可能产生乱码,将该文件修改为GBK并保证它不乱码既可以解决

 

下面是一个比较好的参考文章fckeditor的使用

http://wenku.baidu.com/view/44dc67ec102de2bd960588ec.html

分享到:
评论

相关推荐

    FckEditor入门文档+实例Demo(可运行)

    自己写的 FckEditor 入门文档 文档中包括FckEditor 介绍、配置、实例讲解和拷贝网上其它例子文章等,已经算是很全面的文档了,20多页的PDF。 还额外赠送Demo实例,直接用Tomcat就可以运行,配置都弄好了,jar包都...

    FCKeditor入门教程之一:配置及简单运行篇

    **FCKeditor入门教程之一:配置及简单运行篇** FCKeditor是一款强大的开源富文本编辑器,它在Web开发中广泛用于提供用户友好的在线文本编辑功能。本教程将引导你了解如何配置并运行FCKeditor,从而在你的网页中集成...

    FCKeditor入门的小例子

    本教程将引导你入门FCKeditor的使用,帮助你快速掌握其基本功能和应用。 首先,你需要在项目中引入FCKeditor。下载并解压提供的"FCKeditor"压缩包,你会得到一个包含所有必需文件和资源的目录结构。FCKeditor的核心...

    FCKeditor v2.6.4.1.rar

    6. **可定制化**:FCKeditor 提供了大量的配置选项,允许开发者根据项目需求调整编辑器的外观和功能。 **使用场景:** - 内容管理系统(CMS):在网站后台,编辑者可以方便地编辑文章或页面内容。 - 论坛系统:提高...

    有关fckeditor的jar包

    3. **示例代码**:为了帮助开发者快速入门,jar包可能包含了一些示例代码或教程,演示如何在Java应用中集成FCKeditor。 4. **配置文件**:配置文件用于设定FCKeditor的行为,如文件上传路径、大小限制等。 5. **语言...

    FCKeditor for java例子

    **FCKeditor for Java 入门指南** FCKeditor 是一款知名的开源富文本编辑器,它为Web应用程序提供了强大的文本格式化功能。在Java环境中,我们可以利用FCKeditor与Servlet结合,实现用户在Web页面上进行富文本编辑...

    fckeditor 文本编辑器

    1. **快速上手**:视频教程通常会演示如何安装、配置和集成FCKeditor,帮助初学者快速入门。 2. **掌握高级功能**:视频中可能会详细介绍一些复杂的操作,如自定义工具栏、处理文件上传等,使你更好地利用编辑器的...

    fckeditor应用实例

    本篇将深入探讨Fckeditor的应用,适合初学者入门学习。 ### 一、Fckeditor简介 Fckeditor是一款基于JavaScript的WYSIWYG(所见即所得)在线编辑器,它允许用户在浏览器中像使用桌面应用程序一样编辑HTML文档。...

    新浪FCKeditor

    5. **Edit**:这个目录可能包含了编辑器的核心代码和相关配置文件,用户可以根据需要进行修改或扩展。 6. **uploadfile**:这个目录可能是用来存放用户上传的文件,例如图片和文档,与编辑器的上传功能密切相关。 ...

    ASP FCKeditor在线编辑器使用方法

    总结来说,ASP FCKeditor在线编辑器的使用方法涵盖了从下载、安装、配置到API使用等各个方面,对于刚入门的Web开发者而言,掌握这些知识点是必要的。通过定制化和配置,开发者能够使FCKeditor编辑器更好地适应特定的...

    Fckedit使用帮助

    这些编辑器具有更好的兼容性、性能和更多的定制选项,但FCKeditor对于初学者来说仍然是一份宝贵的入门资料。 在学习过程中,可以通过阅读FCKeditor的文档、参考`samples`中的示例以及实践使用,逐步熟悉和掌握其...

    java整合fck例子jar包

    1. **前端集成**:在HTML页面中引入FCKeditor的JavaScript库,通过设置编辑器实例和配置参数来创建编辑器。编辑器会提供一个富文本框,用户可以在此编辑内容。 2. **数据传输**:当用户提交编辑内容时,FCKeditor会...

    Android免费课程

    3. **fckeditor入门视频教程**:fckeditor是一款开源的富文本编辑器,适用于构建需要用户输入格式化内容的Android应用。 4. **Struts入门视频教程**:Struts是一个基于MVC(Model-View-Controller)架构的Java Web...

    ASP.NET3.5从入门到精通

    16.1.2 ASP.NET AJAX 入门 16.1.3 ASP.NET 2.0 AJAX 16.1.4 ASP.NET 3.5 AJAX 第一篇窗口与界面编程 19 16.1.5 AJAX 简单示例 16.2 ASP.NET 3.5AJAX 控件 16.2.1 脚本管理控件(ScriptManger) 16.2.2 脚本管理控件...

    php课程(共100多节)

    85:PHP 图表类 JPGraph 入门配置与应用 86:PHP JPGraph 中文字体和背景设置 87:PHP 之 CURL 传输与获取功能 88:PHP 之 CURL模拟登陆并获取数据 89:PHP XML 的 DOMDocument 读取功能 90:PHP DOM 创建生成多功能...

    drupal宝典--UsingDrupalch09

    - **FCKeditor配置:** 安装并配置FCKeditor插件,提升内容编辑效率。 #### 三、职位发布板 **3.1 案例研究** - **案例背景:** 设计一个专门用于发布招聘信息的网站。 - **实施步骤:** 介绍如何利用Drupal构建...

    Yii_Cookbook

    初学者入门教程 - **知识点**:为初学者提供基础的Yii框架使用指南。 - **实现方式**:详细介绍安装配置、基本概念以及简单示例等。 ##### 5. Behaviors & events - **知识点**:深入理解Yii中的行为和事件机制...

    PHP100视频教程全集112集BT种子【PHP经典】

    PHP100视频教程85:PHP 图表类 JPGraph 入门配置与应用 PHP100视频教程86:PHP JPGraph 中文字体和背景设置 PHP100视频教程87:PHP 之 CURL 传输与获取功能 PHP100视频教程88:PHP 之 CURL模拟登陆并获取数据 ...

    PHP电子书

    - **编程技巧分享**:包括了FCKeditor的配置使用、MySQL数据库操作技巧等内容,帮助开发者提升编程效率和代码质量。 - **案例研究**:通过具体项目案例,如留言本系统的开发,阐述了PHP在实际项目中的应用思路和开发...

Global site tag (gtag.js) - Google Analytics