试Fckeditor版本号:2.6.3

眼下Fckeditor仅仅能用于基于ie内核的浏览器,假设要使用于chrome等浏览器,请使用ckeditor。

详细用法:

1.将解压后的fckeditor整个目录拷贝到Project的WebRoot路径下

2.在要使用Fckeditor的页面,导入fckeditor.js(在fckeditor目录里)文件

由于此处使用Fckeditor用到了jQuery,因此对应的jquery.js也要导入

<script language="javascript" src="${pageContext.request.contextPath}/script/jquery.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/fckeditor/fckeditor.js" charset="utf-8"></script>

3.依据须要适当改动下面JS代码,拷贝到要使用Fckeditor的页面就可以

<script type="text/javascript">
$(function(){
var fck = new FCKeditor("content");//content为要替换的textarea的name属性
fck.Width = "99%";
fck.Height = "100%";
fck.ToolbarSet = "bbs";//指定工具栏的配置。bbs为我自己改动过的,假设不使用自己定义配置文件,此处有Default,Basic两个选择
fck.BasePath = "${pageContext.request.contextPath}/fckeditor/";
fck.ReplaceTextarea();
});
</script>

替换成Fckeditor的textarea,名字和上面的替换的名字要一致。

<textarea name="content" style="width:650px;height:200px"></textarea>

PS:代码解释

JS代码中各个參数详细作用(使用本js或者上文用法步骤3的代码都能够,两段代码大同小异)

<script type="text/javascript">

		var oFCKeditor = new FCKeditor( 'content' ) ;//此參数会作为提交表单时的參数名
oFCKeditor.BasePath = "/fckeditor/" ;//一定要指定editor目录所在的路径,而且要以'/'结尾
oFCKeditor.Height = 300 ;//高度
oFCKeditor.Value = '' ;//默认的初始值
oFCKeditor.ToolbarSet="Basic";//指定工具栏的配置,默觉得Default
//oFCKeditor.Create() ;//在当前位置生成并显示Fckeditor
oFCKeditor.ReplaceTextarea();//替换指定id或name属性的textarea为Fckeditor
</script>

使用自己定义的配置文件

1.在fckconfig.js里将FCKConfig.CustomConfigurationsPath = ''改动为:  FCKConfig.CustomConfigurationsPath = FCKConfig.EditorPath + "myconfig.js"  作用:告诉Fckeditor,我有个自己定义的配置在该地址下的该文件。

2.在myconfig.js里写想改动的东西,比如:表情。Fckeditor菜单条的降低等,模版在fckconfig.js里面有。參考着改动就可以。没有改动的配置。Fckeditor默认配置使用自己的默认。

版权声明:本文博主原创文章,博客,未经同意不得转载。

Fckeditor用法的更多相关文章

  1. FCKEditor的用法与下载

    以下是我初次使用FCKEditor的方法,都是来自网上,但网上都不完整,现在我整理下: 1:下载FCKEditor 下载下来后解压到你网站的目录,最好就放在根目录下,文件夹名字就用FCKEditor: ...

  2. fckeditor的用法

    1.下载解压文件 2.将解压后的文件放入webroot下 3.将js引入要使用fckeditor的页面 4.用ckeditor替换textarea <@e.textarea id="t ...

  3. FCKEditor的用法(asp版)

    1:下载FCKEditor 去www.baidu.com 搜索,我本来想上传的,但不知道怎么传.下载下来后解压到你网站的目录,最好就放在根目录下,文件夹名字就用FCKEditor:这里可以随便自己喜好 ...

  4. TotoiseSVN基本用法

    TotoiseSVN的基本用法 TotoiseSVN的基本用法 一.签入源码到SVNserver 假如我们使用Visual Studio在目录StartKit中创建了一个项目.我们要把这个项目的源码签 ...

  5. kindeditor用法简单介绍

    最近做毕业设计用了一个叫做kindeditor的文本编辑工具,相信很多人都用过,这货和fckeditor差不多,个人感觉这个的皮肤更好看,而且对中文的支持更好,没那么容易出现中文乱码问题.下次记录一下 ...

  6. EditText 基本用法

    title: EditText 基本用法 tags: EditText,编辑框,输入框 --- EditText介绍: EditText 在开发中也是经常用到的控件,也是一个比较必要的组件,可以说它是 ...

  7. jquery插件的用法之cookie 插件

    一.使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...

  8. Java中的Socket的用法

                                   Java中的Socket的用法 Java中的Socket分为普通的Socket和NioSocket. 普通Socket的用法 Java中的 ...

  9. [转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法

    一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBo ...

随机推荐

  1. Apple Watch开发了一些细节和总结

    本文旨在总结最近Watch在发展中遇到的问题和细节 1.左右Watch真机调试问题 一般的情况下,你为IOS主应用创建了一个extention,比方说Today Extension .Xcode都会自 ...

  2. 系列五AnkhSvn

    原文:系列五AnkhSvn AnkhSvn介绍 AnkhSVN是一款在VS中管理Subversion的插件,您可以在VS中轻松的提交.更新.添加文件,而不用在命令行或资源管理器中提交.而且该插件属于开 ...

  3. JDK自带的监控分析工具JConsole

    非常多开发人员认为自己懂Java编程.事实是大多数开发人员都仅仅领会到了Java平台的皮毛.所学也仅仅够应付工作. 作者将深度挖掘Java平台的核心功能.揭示一些鲜为人知的事实.帮助您解决最棘手的编程 ...

  4. GoldenGate组态(四)它veridata组态

    GoldenGate组态(四)它veridata组态 环境: Item Source System Target System Platform Red Hat Enterprise Linux Se ...

  5. CSS截取字符串,额外的文本显示以省略号

    最近的诀窍css还有这么叼炸天的侧~~~ 善待似论坛页面,头像70px,但username不限啊,English中国能够.你说如果他采取"我的名字是这么长啊.你该怎么办呢".那老和 ...

  6. mysql函数二

    四.条件推断函数 1.if(expr,v1,v2)函数:成立返回结果v1,否则结果v2 例:select id,if(grade>=60,'pass','fail') from t; 2.IFN ...

  7. 关于cocos2dx导入安卓项目至eclipse的诸多问题

    看视频实在是有点蛋疼,尽管我也想在苹果上做,可是奈何自己是一个小屌丝,根本买不起高富帅的装备.所以仅仅能硬着头皮去处理win以下的问题. 在把用C++语言编写的cocos2dx项目编译编译完毕之后,导 ...

  8. oracle 11g 基于磁盘的备份rman duplicate

    基于磁盘的备份rman duplicate 命令创建standby database 前提条件: 确保原始库数据库的备份.存档standby 结束是完全可见, 这里,如果原始文库和靶 - 侧数据文件, ...

  9. Android分享到微信等社交平台教程

    在Android手机app上增加分享到微信等平台的功能,使用的是第三方的开源组件,友推SDK. 集成分为下面几个步骤: 1. 在友推官网注冊,加入要集成友推sdk的 app信息,并获取appkey. ...

  10. Maven: NoClassDefFoundError: org/codehaus/plexus/classworlds/launcher/Launcher

    为了和团队开发环境保持一致,须要 在Ubuntu上安装maven2.2.1,引文我之前已经用apt-get命令安装了3.3的maven.在运行maven命令时报错: Maven: NoClassDef ...