一.在项目中添加fckeditor支持
将FCKeditor_2.6.4.1目录中的文件夹fckeditor复制到项目的WebRoot中
二.调用fckeditor
1.使用JavaScript方式
1).直接调用方式
i.创建testfckeditor1.jsp文件
ii.引入fckeditor.js文件
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
iii.创建fckeditor编辑器
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.Create() ;
</script>
注:可以从FCKeditor_2.6.4.1\fckeditor\_samples\default.html中选择
FCKeditor - JavaScript - Sample 1 获取
2).替换多行文本框的方式
i.创建testfckeditor2.jsp文件
ii.引入fckeditor.js文件
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
iii.创建多行文本框
<textarea rows="10" cols="40" name="myeditor"></textarea>
iv.创建javascript脚本
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor('myeditor') ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
注:可以从FCKeditor_2.6.4.1\fckeditor\_samples\default.html中
选择FCKeditor - JavaScript - Sample 2获取
FCKeditor中的参数值必须与多行文本框中的name值相同
2.使用自定义标签方式实现
1).导入相关jar包
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
java-core-2.4.1.jar
slf4j-api-1.5.2.jar
slf4j-simple-1.5.2.jar
2).创建testfckeditor3.jsp文件
引入标签库
<%@ taglib prefix="fck" uri="http://java.fckeditor.net" %>
添加标签
<FCK:editor instanceName="myFCKEditor" basePath="/fckeditor" ></FCK:editor>
"/":表示当前这个工程
在项目中添加fckeditor支持
原创素颜猪 博主文章分类:JavaScript ©著作权
文章标签 项目 添加fckeditor 文章分类 JavaScript 前端开发
下一篇:实现上传文件和图片
-
实战!在项目中用过责任链模式吗?
实战!在项目中用过责任链模式吗?
链路 责任链模式 抽象类 -
在QT项目中添加对研华数采模块的支持
一、正确安装研华数采模块管理程序Advantech Device Manager,并安装相应模river.hLIBS +=
#include 头文件 函数库 使用手册 项目文件 -
java怎么在项目中添加项目版本号
很多小白在刚刚使用IDEA的时候还不是很熟练,本文主要教大家怎么创建IDEA的项目,希望能帮助到你1. 前言如果你之前使用的编辑工具是elipse,那你一定知道eclipse有自己的工作空间,这是一个文件夹,用来存放我们自己写的代码 我们就可以在这个工作空间里创建多个Java Project编写代码了。 但是~IDEA的结构与elipse不太一样,IDEA是用Project代表工作空间的,我们在这
java怎么在项目中添加项目版本号 intellij-idea java intellij idea 工作空间