fckeditor在线编辑器

第一步：首先在项目sec目录下建立一个fckeditor.properties，内容如下

<span style="font-size:18px;">connector.userFilesPath=UploadFile
connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl</span>

第二步：在webRoot下lib文件夹下导入Jar包

第三步导入文件夹

当然可以到这里去下载这个文件

http://pan.baidu.com/s/1hsvv7gg

第四步：在index.jsp中访问，代码如下

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="fck"  %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><body><form id="form1" name="form1" method="post" action="fckeditor.jsp"> 文章标题  <input name="title" type="text" id="title" size="60"><BR/>文章正文：<fck:editor instanceName="ArtContent" width="700" height="350"><jsp:attribute name="value"></jsp:attribute></fck:editor><input type="submit" name="submit" value="提交"></form></body>
</html>

index.jsp界面如下：

如果访问test.jsp,代码如下

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";String content=request.getParameter("edt1");if (content != null) {content = content.replaceAll("\r\n", "");content = content.replaceAll("\r", "");content = content.replaceAll("\n", "");content = content.replaceAll("\"", "'");}else{content = "";}content = new String(content.getBytes("iso8859-1"),"utf-8");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><base href="<%=basePath%>"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>fck 测试</title><script type="text/javascript" src="fckeditor/fckeditor.js"></script>
</head>
<body><form method="post" name="frm1"><FCK:editor height="400" instanceName="edt1" value="<%=content%>" toolbarSet="Basic"><FCK:config SkinPath="skins/office2003/"/></FCK:editor><input type="submit" value="提交"></form><hr><%=content%>
</body>
</html>

界面如下

总结：所需jar包及文件都在http://pan.baidu.com/s/1hsvv7gg
这就是编辑器，今后只需要在自己的项目中引用就可以了

fckeditor在线编辑器相关推荐

ASP.net：添加.net(2.0C#)FCKeditor在线编辑器步骤
1.下载本版本的编辑器压缩包.源码下载地址 2.解压缩打开文件夹拥有如下文件: 3.在VS中添加"选择项"加载在此文件夹的Bin下FredCK.FCKeditorV2.dll. 4 ...
Asp.net中使用fckeditor在线编辑器配置
================= 网上摘录的方法:======================== FCKeditor是目前最好的html文本编辑器,如果还不明白的话看了下图就知道了效果图: 那么 ...
php在线编辑器fckeditor,[原创]继续给力：PHP中使用FckEditor在线编辑器详解
最近发现不少学生纷纷给我写邮件,问到老师如何才能实现像学生大本营发表笔记时侯的输入文本框,既可以输入我们想输入的内容又可以直接粘贴其他网站的内容,并且保持格式不能发生变化... 还有同学居然提到,老师 ...
FCKeditor在线编辑器的使用
试用了一下FCKeditor,根据网上的文章小结一下: 1.下载 FCKeditor.java 2.3 (FCKeditot for java) FCKeditor 2.2 (FCKeditor基本文 ...
FCKeditor在线文本编辑器初级应用
2019独角兽企业重金招聘Python工程师标准>>> 首先从FCKeditor的官网( http://www.fckeditor.net/)下载该编辑器,我下载的版本是FCKedi ...
FCKeditor 2.0在线编辑器的设置与修改以及使用
对于一个全新的网站,FCKeditor就可以直接拿过来用了,不需要进行什么修改.但是对于绝大多数的已有网站而言,FCKeditor的一些设置并不适合自己的使用,这篇文章旨在告诉你简单的修改FCKedi ...
FCKeditor WEB在线编辑器配置手册
fckeditor精简之道 1.临时文件及文件夹删除:从根目录下开始删除一切以"_"开头的文件及文件夹,因为他们为临时文件和文件夹.删除这类临时文件及文件夹之后,我们还要删除 ...
基于ThinkPHP的在线编辑器调用
开源的在线编辑器有很多,比如FCKEditor,UEditor,Kindeditor等,调用方式也都大同小异下面列举UEditor在线编辑器插件在ThinkPHP里面的应用 1.Ueditor下载地 ...
05传智_jbpm与OA项目_部门模块中增加部门的jsp页面增加一个在线编辑器功能
这篇文章讲的是在线编辑器功能,之前的部门模块中,增加部门的功能jsp页面起先是这么做的. 加入在线编辑器之后要达到的效果是: 采用一个插件,名为FCKeditor-v2.6.3.要理解一个插件,要先从 ...
几种适合开发用的在线编辑器-推荐及下载
1,FCKeditor 编辑器最新版本: 2.3.1 站点:http://www.fckeditor.net/ 演示:http://www.fckeditor.net/demo 特点:开源.免费 F ...

fckeditor在线编辑器

fckeditor在线编辑器

fckeditor在线编辑器相关推荐

最新文章

热门文章