一、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 入门文档 文档中包括FckEditor 介绍、配置、实例讲解和拷贝网上其它例子文章等,已经算是很全面的文档了,20多页的PDF。 还额外赠送Demo实例,直接用Tomcat就可以运行,配置都弄好了,jar包都...
**FCKeditor入门教程之一:配置及简单运行篇** FCKeditor是一款强大的开源富文本编辑器,它在Web开发中广泛用于提供用户友好的在线文本编辑功能。本教程将引导你了解如何配置并运行FCKeditor,从而在你的网页中集成...
本教程将引导你入门FCKeditor的使用,帮助你快速掌握其基本功能和应用。 首先,你需要在项目中引入FCKeditor。下载并解压提供的"FCKeditor"压缩包,你会得到一个包含所有必需文件和资源的目录结构。FCKeditor的核心...
6. **可定制化**:FCKeditor 提供了大量的配置选项,允许开发者根据项目需求调整编辑器的外观和功能。 **使用场景:** - 内容管理系统(CMS):在网站后台,编辑者可以方便地编辑文章或页面内容。 - 论坛系统:提高...
3. **示例代码**:为了帮助开发者快速入门,jar包可能包含了一些示例代码或教程,演示如何在Java应用中集成FCKeditor。 4. **配置文件**:配置文件用于设定FCKeditor的行为,如文件上传路径、大小限制等。 5. **语言...
**FCKeditor for Java 入门指南** FCKeditor 是一款知名的开源富文本编辑器,它为Web应用程序提供了强大的文本格式化功能。在Java环境中,我们可以利用FCKeditor与Servlet结合,实现用户在Web页面上进行富文本编辑...
1. **快速上手**:视频教程通常会演示如何安装、配置和集成FCKeditor,帮助初学者快速入门。 2. **掌握高级功能**:视频中可能会详细介绍一些复杂的操作,如自定义工具栏、处理文件上传等,使你更好地利用编辑器的...
本篇将深入探讨Fckeditor的应用,适合初学者入门学习。 ### 一、Fckeditor简介 Fckeditor是一款基于JavaScript的WYSIWYG(所见即所得)在线编辑器,它允许用户在浏览器中像使用桌面应用程序一样编辑HTML文档。...
5. **Edit**:这个目录可能包含了编辑器的核心代码和相关配置文件,用户可以根据需要进行修改或扩展。 6. **uploadfile**:这个目录可能是用来存放用户上传的文件,例如图片和文档,与编辑器的上传功能密切相关。 ...
总结来说,ASP FCKeditor在线编辑器的使用方法涵盖了从下载、安装、配置到API使用等各个方面,对于刚入门的Web开发者而言,掌握这些知识点是必要的。通过定制化和配置,开发者能够使FCKeditor编辑器更好地适应特定的...
这些编辑器具有更好的兼容性、性能和更多的定制选项,但FCKeditor对于初学者来说仍然是一份宝贵的入门资料。 在学习过程中,可以通过阅读FCKeditor的文档、参考`samples`中的示例以及实践使用,逐步熟悉和掌握其...
1. **前端集成**:在HTML页面中引入FCKeditor的JavaScript库,通过设置编辑器实例和配置参数来创建编辑器。编辑器会提供一个富文本框,用户可以在此编辑内容。 2. **数据传输**:当用户提交编辑内容时,FCKeditor会...
3. **fckeditor入门视频教程**:fckeditor是一款开源的富文本编辑器,适用于构建需要用户输入格式化内容的Android应用。 4. **Struts入门视频教程**:Struts是一个基于MVC(Model-View-Controller)架构的Java Web...
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 脚本管理控件...
85:PHP 图表类 JPGraph 入门配置与应用 86:PHP JPGraph 中文字体和背景设置 87:PHP 之 CURL 传输与获取功能 88:PHP 之 CURL模拟登陆并获取数据 89:PHP XML 的 DOMDocument 读取功能 90:PHP DOM 创建生成多功能...
- **FCKeditor配置:** 安装并配置FCKeditor插件,提升内容编辑效率。 #### 三、职位发布板 **3.1 案例研究** - **案例背景:** 设计一个专门用于发布招聘信息的网站。 - **实施步骤:** 介绍如何利用Drupal构建...
初学者入门教程 - **知识点**:为初学者提供基础的Yii框架使用指南。 - **实现方式**:详细介绍安装配置、基本概念以及简单示例等。 ##### 5. Behaviors & events - **知识点**:深入理解Yii中的行为和事件机制...
PHP100视频教程85:PHP 图表类 JPGraph 入门配置与应用 PHP100视频教程86:PHP JPGraph 中文字体和背景设置 PHP100视频教程87:PHP 之 CURL 传输与获取功能 PHP100视频教程88:PHP 之 CURL模拟登陆并获取数据 ...
- **编程技巧分享**:包括了FCKeditor的配置使用、MySQL数据库操作技巧等内容,帮助开发者提升编程效率和代码质量。 - **案例研究**:通过具体项目案例,如留言本系统的开发,阐述了PHP在实际项目中的应用思路和开发...