以Javascript方式整合FCKEditor到项目中

最新推荐文章于 2024-07-03 14:38:59 发布
最新推荐文章于 2024-07-03 14:38:59 发布
阅读量359 收藏
点赞数
分类专栏： FCKEditor 文章标签： fckeditor javascript jsp 工具 function 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/programmer_luxh/article/details/6219450
版权

1. 到http://www.fckeditor.net/download下载FCKeditor 2.6.4.1的zip压缩包
2. 将解压后的fckeditor文件夹整个复制到你的web项目的WebRoot根目录下
3. 验证是否安装成功：在IE地址栏输入：
http://<your site>/<FCKeditor installation path>/_samples/default.html进行验证
如：http://localhost/你的项目名/fckeditor/_samples/default.html
出现fckeditor的编辑页面说明安装成功

4. 引入到你的jsp页面中
4.1  在你的jsp页面中加入

   

4.2 在<head></head>标签之间加入

 

注：这是在你的jsp页面中有了一个testArea,你希望在这个testArea中用fckeditor来显示。
   MyTextarea 要和你的testArea的id一致
   "/fckeditor/"改为"/你的项目名/fckeditor/"
5. ok，fckeditor已经整合到项目中了，当然了，你还以配置显示的样式，工具栏，根据自己需要
参照官方文档就ok了
oFCKeditor.ToolbarSet = '' //设置工具栏
oFCKeditor.Height=  //设置高度
......

还可以在fckeditor.js中的FCKConfig.FontSizes配置中文字体，注意修改后一定要保存问UTF-8编码
否则中文名称会显示乱码。

 

programmer_luxh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP页面中使用FCKeditor控件(js用法)
cuker919的专栏
04-28 1536
 FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩
整合FCKEditor到项目中
luxhua2009的专栏
08-31 80
以JavaScript方式整合 1.到[url]http://www.fckeditor.net/download[/url]下载FCKeditor 2.6.4.1的zip压缩包 2.将解压后的fckeditor文件夹整个复制到你的web项目的WebRoot根目录下 3.验证是否安装成功：在IE地址栏输入： http:////_samples/default.html进行验证 ...
fckeditor结合ext
dztdztdzt的专栏
11-24 66
包来获取FCK的相应标签 1. 标签方式话代码如下 要使用标签就要先导入fck的便签库 [code="java"] [/code] 2.JavaScript方式的话不需导入标签库 在head标签首先要导入已经写好的fckeditor.js文件 [code="java"] window.onload(function(){ var oFCKedi
FCKeditor使用方法技术详解
热门推荐
oemoon的专栏
10-08 1万+
1、概述 FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor（如百度，阿里巴巴）。本文将通过与PHP相结合，从基本安装到高级的配置循序渐进介绍给广大PHPer。 FCKeditor官方网站：ht
在JSP中使用JS方式引用ckeditor
cooliceman的专栏
05-31 9664
J2EE JAVA WEB项目 JSP页面中使用CKeditor在线编辑器
在项目中整合FCKeditor.doc
06-26
【在项目中整合FCKeditor】的文档主要讨论了如何在Web 2.0时代的项目中集成FCKeditor，这是一个流行的开源在线文本编辑器。在现代互联网应用中，尤其是内容管理系统（CMS）或社区论坛，集成这样的编辑器是必不可少的...
在SSH项目中整合FCKeditor文本编辑器
11-02
在SSH（Struts、Spring、...综上所述，整合FCKeditor到SSH项目中涉及到前端资源的部署、后端Servlet的配置、以及安全策略的设定。正确完成这些步骤后，用户就能在Web应用中享受到FCKeditor提供的便捷文本编辑体验。
Spring项目配置文件（整合security、hibernate、fckeditor、jdbc、log4j）
09-20
在Spring项目中，通常会通过JavaScript API与后端交互，将编辑的内容提交到服务器。配置可能涉及设置编辑器的样式、语言和上传文件的路径等。 4. **JDBC**：Java数据库连接API是与数据库交互的基础。在Spring中，...
在项目中整合FCKeditor.rar
02-26
在项目中整合FCKeditor是一项常见的任务，尤其是在开发富文本编辑器应用时。FCKeditor是一款功能强大的开源JavaScript文本编辑器，它允许用户在网页上创建、编辑和格式化文本，类似于桌面应用程序中的Word。本教程将...
struts和fckeditor整合完整版
01-16
2. **配置ActionForm**：创建一个ActionForm对象来接收和封装用户在FCKeditor中输入的数据。FCKeditor编辑的内容会作为表单的一个字段提交到服务器。 3. **编辑JSP页面**：在Struts的JSP视图页面上，使用JavaScript...
FckEditor配置手册中文教程详细说明1
小肖的专栏
03-05 1272
 首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别具匠心的在线编辑
JavaScript检查对象是否包含某个属性
徐三岁的博客
06-28 914
当使用 Object.prototype.hasOwnProperty.call 时，实际上是在调用 hasOwnProperty 方法，并明确指定 this 的值，这使得可以检查任何对象是否拥有指定的属性。使用 Object.prototype.hasOwnProperty.call 的好处是，它允许将 hasOwnProperty 方法作为一个函数传递给其他函数，或者在不直接引用对象的情况下使用它。hasOwnProperty 方法会检查对象自身是否具有指定的属性，而不考虑原型链。
JS：防抖与节流函数的实现与应用
qq_45820271的博客
06-29 219
防抖：一连串操作只执行一次。通过设置一个延迟时间，如果这段时间没有再次执行操作则运行目标函数，否则重新计时。
uniApp vue2 vue3配置代理
小白变怪兽
06-28 405
【代码】uniApp vue2 vue3配置代理。
React useImperativeHandle Hook
hawk2014bj的博客
06-26 814
useImperativeHandle 在 React 为我提供了一个可以为 ref 绑定处理方法的 hook，useImperativeHandle 源码中可以看到实现了绑定以及清理的逻辑。
JavaScript的学习之图片的切换
人生苦短
06-27 732
这节的JS图片切换的学习就告一段落！添加JS代码，让它实现图片切换的功能。点击按钮可以切换上一张和下一张。随便去网上找几张图片素材。
Vue-cli搭建一个项目
Wooo_e的博客
06-28 608
终端运行npm run serve点击Local外部浏览器打开。
vue3+ts项目中.env配置环境变量与情景配置
最新发布
我愿化作繁星
07-03 481
就是在编码过程中应用这些自定义环境变量的时候，给出的智能提示。src目录下创建一个或者env.d.ts文件src同级别types目录下创建文件env.d.ts// 更多环境变量...在文件中专门用于处理项目src文件中的TypeScript配置文件，include配置项加入文件：(会提示自定义设置的环境变量)// ...// 第一种方式对应配置"vite-env.d.ts", // 或者 "env.d.ts"// 第二种方式对应配置。
【vueUse库Animation模块各函数简介及使用方法】
xiejunlan的博客
06-27 880
vueUseAnimation函数useInterval 函数使用方法useIntervalFn 函数使用方法3.useNowuseNow 函数使用方法4.useRafFnuseRafFn 函数使用方法useTimeout 函数使用方法useTimeoutFn 函数使用方法useTimestamp 函数使用方法1. 函数概述2. 函数参数3. 返回值4. 使用方法步骤 1：安装和引入步骤 2：定义源状态和配置选项步骤 3：使用 useTransition 创建过渡步骤 4：在模板中使用过渡5. 注意事项。
FckEditor配置手册中文教程详细说明.doc
07-22
FCKEditor是一款优秀的在线文本编辑器，以其出色的性能和易用性而受到用户的青睐。它的加载速度极快，相较于其他如CUTEEDITOR、FREETEXTBOX等编辑器，FCKEditor能够在短时间内完成所需文件的加载，减少了用户等待...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值