首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Fckeditor入门配备

2013-03-25 
Fckeditor入门配置上述的fckeditor比我们直接解压的要简洁一些,是因为我将其简化了。我们使用将其解压复制

Fckeditor入门配置

上述的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

热点排行