Fckeditor用法
试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用法的更多相关文章
- FCKEditor的用法与下载
以下是我初次使用FCKEditor的方法,都是来自网上,但网上都不完整,现在我整理下: 1:下载FCKEditor 下载下来后解压到你网站的目录,最好就放在根目录下,文件夹名字就用FCKEditor: ...
- fckeditor的用法
1.下载解压文件 2.将解压后的文件放入webroot下 3.将js引入要使用fckeditor的页面 4.用ckeditor替换textarea <@e.textarea id="t ...
- FCKEditor的用法(asp版)
1:下载FCKEditor 去www.baidu.com 搜索,我本来想上传的,但不知道怎么传.下载下来后解压到你网站的目录,最好就放在根目录下,文件夹名字就用FCKEditor:这里可以随便自己喜好 ...
- TotoiseSVN基本用法
TotoiseSVN的基本用法 TotoiseSVN的基本用法 一.签入源码到SVNserver 假如我们使用Visual Studio在目录StartKit中创建了一个项目.我们要把这个项目的源码签 ...
- kindeditor用法简单介绍
最近做毕业设计用了一个叫做kindeditor的文本编辑工具,相信很多人都用过,这货和fckeditor差不多,个人感觉这个的皮肤更好看,而且对中文的支持更好,没那么容易出现中文乱码问题.下次记录一下 ...
- EditText 基本用法
title: EditText 基本用法 tags: EditText,编辑框,输入框 --- EditText介绍: EditText 在开发中也是经常用到的控件,也是一个比较必要的组件,可以说它是 ...
- jquery插件的用法之cookie 插件
一.使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...
- Java中的Socket的用法
Java中的Socket的用法 Java中的Socket分为普通的Socket和NioSocket. 普通Socket的用法 Java中的 ...
- [转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法
一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBo ...
随机推荐
- LeetCode——Add Binary
Given two binary strings, return their sum (also a binary string). For example, a = "11" b ...
- think in coding
,想想除了技术还有什么? 你假设形而下的去纠结技术.仅仅会变成技术的傀儡.他们仅仅是一种表达的方式? 希望你能够形而上的去看待技术,技术千变万化,但都是为了解决这个问题的方式. 请问问自己,自己问题是 ...
- Quartz(GUI)图形界面程序----Quartz Web
下载.设置和运行Quartz(GUI)图形界面程序----Quartz Web 一.获取Quartz Web程序(Quartz GUI).早期的 Quartz 框架开发者意识到一个 GUI 对于某类用 ...
- android visible invisible和gone差异
android中UI应用的开发中常常会使用view.setVisibility()来设置控件的可见性.当中该函数有3个可选值.他们有着不同的含义: View.VISIBLE--->可见 View ...
- ASP.NET 5 Beta8 发布
ASP.NET 5 Beta8 发布 ASP.NET 5 的路线图(详见 ASP.NET 5 Schedule and Roadmap : https://github.com/aspnet/home ...
- Python第一个基本教程6章 抽象的
Python 2.7.5 (default, May 15 2013, 22:43:36) [MSC v.1500 32 bit (Intel)] on win32 Type "copyri ...
- Kafka (一)
使用Kafka最新版本0.9 Kafka 配置 1. 安装 首先需要安装Java,推荐安装Java8,不然会出现一些莫名其妙的错误 kafka_2.11-0.9.0.0.tgz tar -xzf ka ...
- 7 Ways to earn money on programming(转)
英文原文:7 Ways to earn money on programming 几个星期前,当我收到一个自称 Someone712 的人发给我的一条消息时,我决定要写一篇如何用编程赚钱的博客文章.S ...
- 【ThinkingInC++】2、输入和输出流
/** *特征:输入和输出流 *时间:2014年8月8日07:37:35 *作者:cutter_point */ #include<iostream> using namespace st ...
- 他的第一个NDK的Demo
DEMO下载链接: http://download.csdn.net/detail/logicsboy/7535409 首先给你们恶补下啥是NDK:(我从百度Copy的) NDK全称:Native D ...