以Javascript方式整合FCKEditor到项目中

最新推荐文章于 2024-07-23 16:37:55 发布
最新推荐文章于 2024-07-23 16:37:55 发布
阅读量361 收藏
点赞数
分类专栏： 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中使用JS方式引用ckeditor
cooliceman的专栏
05-31 9671
J2EE JAVA WEB项目 JSP页面中使用CKeditor在线编辑器
FCKeditor使用方法技术详解
热门推荐
oemoon的专栏
10-08 1万+
1、概述 FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor（如百度，阿里巴巴）。本文将通过与PHP相结合，从基本安装到高级的配置循序渐进介绍给广大PHPer。 FCKeditor官方网站：ht
fckeditor结合ext
dztdztdzt的专栏
11-24 67
包来获取FCK的相应标签 1. 标签方式话代码如下 要使用标签就要先导入fck的便签库 [code="java"] [/code] 2.JavaScript方式的话不需导入标签库 在head标签首先要导入已经写好的fckeditor.js文件 [code="java"] window.onload(function(){ var oFCKedi
FckEditor配置手册中文教程详细说明1
小肖的专栏
03-05 1277
 首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别具匠心的在线编辑
JSP页面中使用FCKeditor控件(js用法)
cuker919的专栏
04-28 1538
 FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩
在项目中整合FCKeditor.doc
06-26
【在项目中整合FCKeditor】的文档主要讨论了如何在Web 2.0时代的项目中集成FCKeditor，这是一个流行的开源在线文本编辑器。在现代互联网应用中，尤其是内容管理系统（CMS）或社区论坛，集成这样的编辑器是必不可少的...
FckEditor配置手册中文教程详细说明.doc
07-22
FCKEDITOR文件夹中以_开头的文件夹和文件是可选的，可以根据需要删除。 将FCKEDITOR整合进网页主要通过JavaScript实现。首先，在HTML页面的HEAD部分引入fckeditor.js文件。然后，有两种创建编辑器的方式：内联方式...
在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到项目中
luxhua2009的专栏
08-31 83
以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进行验证 ...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 336
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号4
Gusha_的博客
07-23 630
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
07-23 602
软件著作权申请教程（超详细）（2024新版），软著申请，软件著作权怎么申请，手把手教你申请软件著作权，不花冤枉钱，软著申请代理，软件著作权申请着手开始准备材料了。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。这一页的内容比较多，可以参考我下面的。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 932
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 85
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
VUE 子组件可以直接改变父组件的数据吗
Cshaosun的博客
07-23 70
如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。
VUE中的重点*
qq_61132537的博客
07-22 752
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 952
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
Vue事件总线（EventBus）的概念、使用以及注意事项
最新发布
weixin_53216033的博客
07-23 442
在Vue开发中，组件间的通信是不可避免的需求。对于父子组件间的通信，Vue提供了props和$emit/$on等内置机制。然而，当需要在非父子关系的组件间进行通信时，这些内置机制就显得力不从心了。这时，Vue事件总线（EventBus）作为一种灵活的解决方案应运而生啦。本篇文章将详细讲解Vue事件总线的原理、安装、使用及最佳实践，帮助大家更好地去理解和应用这一技术。
FCKEditor性能优化与配置详解
FCKEditor是一款优秀的在线文本编辑器，以其出色的性能和易用性而受到用户的青睐。它的加载速度极快，相较于其他如CUTEEDITOR、FREETEXTBOX等编辑器，FCKEditor能够在短时间内完成所需文件的加载，减少了用户等待...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值