FCKeditor富编辑实现

最新推荐文章于 2024-04-27 09:13:51 发布
最新推荐文章于 2024-04-27 09:13:51 发布
阅读量549 收藏
点赞数
分类专栏： WEB 文章标签： fckeditor extension java string permissions javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xx_liuhui/article/details/5660625
版权

  富编辑模块可以实现在线文档编辑功能，并动态上传插入image/falsh到文档中。本项目中，我们使用FCKeditor---著名的开源富编辑模块。要在我们的netjavaWeb项目中使用它，需要如下几步：
1.下载FCK模块：
首先，登陆http://www.fckeditor.net/ 下载FCKeditor的版本 FCKeditor_2.6.5.zip，及相关的jar包。
2.项目准备工作：
1.新建WEB工程netjavaFCKTest，将FCKeditor_2.6.5包中的fckeditor文件夹拷贝到项目的WEBContent文件夹下新。
2.将FCKeditor-Java-2.4.2-bin.zip 包中的fckeditor-java-core-2.4.2.jar、commons-fileupload-1.2.1.jar、commons-io-1.3.2.jar 以及slf4j-1.5.8.zip包中的slf4j-api-1.5.8.jar、slf4j-simple-1.5.8.jar文件拷贝到项目的 WebContent/WEB-INF/lib 目录
3.FCK配置：
1.调用FCK的方式：
1.通过JavaScript调用
内联方法（首选）：在网页内设置编辑器

Java代码 复制代码
  1. <html>   
  2. <head>   
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
  4. <title>Insert title here</title>   
  5. <!-- 第一件事要做的是将fckeditor.js集成到页面的<HEAD>就像这样： -->   
  6. <script type="text/javascript" src="fckeditor/fckeditor.js"></script>   
  7. </head>   
  8. <body>   
  9. <script type="text/javascript">   
  10. //新建一个FCK实例   
  11. var oFCKeditor = new FCKeditor（'FCKeditor1'）;   
  12. //设计编辑器的文件的路径   
  13. oFCKeditor.BasePath = "/FCKProject2.6.5/fckeditor/";   
  14. //创建并输出一个编辑器   
  15. oFCKeditor.Create（）;   
  16. </script>   
  17. </body>   
  18. </html>  
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 第一件事要做的是将fckeditor.js集成到页面的<HEAD>就像这样： -->
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
</head>
<body>
<script type="text/javascript">
//新建一个FCK实例
var oFCKeditor = new FCKeditor（'FCKeditor1'）;
//设计编辑器的文件的路径
oFCKeditor.BasePath = "/FCKProject2.6.5/fckeditor/";
//创建并输出一个编辑器
oFCKeditor.Create（）;
</script>
</body>
</html>



Textarea的替代方法：在<head>中添加“onload”方法：

Java代码 复制代码
  1. <html>   
  2. <head>   
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
  4. <title>Insert title here</title>   
  5. <!-- 第一件事要做的是将fckeditor.js集成到页面的<HEAD>就像这样： -->   
  6. <script type="text/javascript" src="fckeditor/fckeditor.js"></script>   
  7. <!-- 第二件事要做的是创建一个onload方法就像这样： -->   
  8. <script type="text/javascript">   
  9. window.onload = function（）{   
  10. var oFCKeditor = new FCKeditor（ 'MyTextarea' ） ;   
  11. oFCKeditor.BasePath = "/FCKProject2.6.5/fckeditor/" ;   
  12. oFCKeditor.ReplaceTextarea（） ;   
  13. }   
  14. </script>   
  15. </head>   
  16. <body>   
  17. <!-- Body部分添加如下代码： -->   
  18. <textarea id="MyTextarea" name="MyTextarea"></textarea>   
  19. </body>   
  20. </html>  
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<!-- 第一件事要做的是将fckeditor.js集成到页面的<HEAD>就像这样： -->
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<!-- 第二件事要做的是创建一个onload方法就像这样： -->
<script type="text/javascript">
window.onload = function（）{
var oFCKeditor = new FCKeditor（ 'MyTextarea' ） ;
oFCKeditor.BasePath = "/FCKProject2.6.5/fckeditor/" ;
oFCKeditor.ReplaceTextarea（） ;
}
</script>
</head>
<body>
<!-- Body部分添加如下代码： -->
<textarea id="MyTextarea" name="MyTextarea"></textarea>
</body>
</html>



FCK属性：

属性名描述默认值
Windth宽度100%
Height高度200
Value编辑器初始化内容（空字符串）
ToolbarSet工具条集合的名称（Default）[内置有default和basic，也可以自定义]
BasePath编辑器的基本路径/fckeditor/
 



FCK构造方法：
Var FCKeditor = function（instanceName,width,height,toolbarSet,value）;
instanceName为编辑器输出的textarea元素的name属性的值，必须指定参数会赋值给同名属性
2.JSP中自定义标签调用
在JSP中通过自定义标签调用FCKeditor：

Java代码 复制代码
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>   
  3. <!-- 步骤1：    导入自定义标签库 -->   
  4. <%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>   
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
  6. <html><head>   
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
  8. <title>Insert title here</title>   
  9. </head><body>   
  10. <!-- 步骤2：    在Body部分添加FCK标签： -->   
  11. <FCK:editor instanceName="EditorDefault" toolbarSet="Basic" width="50%" height="400" value="this is my test">   
  12. </FCK:editor>   
  13. </body></html>  
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- 步骤1：	导入自定义标签库 -->
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head><body>
<!-- 步骤2：	在Body部分添加FCK标签： -->
<FCK:editor instanceName="EditorDefault" toolbarSet="Basic" width="50%" height="400" value="this is my test">
</FCK:editor>
</body></html>



2. 配置FCKedirot Myconfig.js
方法1：找到FCK主配置文件fckconfig.js，修改FCK的属性，此文件可以直接修改，一般不建议使用。
方法2：有一个更好的方法有同样的结果如上所述，但没有接触fckconfig.js文件；可以设置自定义配置的路径，直接在页面编辑器使用。
这是一个例子，在JavaScript中实现的：
1.建立一个配置文件myconfig.js
（1）.修改主配置文件fckconfig.js

Java代码 复制代码
  1. FCKConfig.CustomConfigurationsPath = '/myconfig.js' ;  
FCKConfig.CustomConfigurationsPath = '/myconfig.js' ;


（2）.建立一个独立的配置文件，只需要写修改的配置项 myconfig.js

（3）.在调用FCKeditor的时候使用：

Java代码 复制代码
  1. var oFCKeditor = new FCKeditor（ "FCKeditor1" ） ;   
  2.     oFCKeditor.Config["CustomConfigurationsPath"] = "/myconfig.js"  ;   
  3.     oFCKeditor.Create（） ;  
var oFCKeditor = new FCKeditor（ "FCKeditor1" ） ;
	oFCKeditor.Config["CustomConfigurationsPath"] = "/myconfig.js"  ;
	oFCKeditor.Create（） ;



配置加载顺序
1.加载主配置文件fckeditor.js
2.加载自定义的配置文件（如果有），覆盖相同的配置项
3.使用对实例的配置覆盖相同的配置项（只对当前实例有效）
提示：
1.系统会自动检测并运行适当的界面语言（默认，可以修改）
2.不能删除主配置文件fckconfig.js
3.修改配置后腰清空浏览器缓存，以免影响结果（或访问时强制刷新也可以）
添加一个数字或时间在自定义配置路径的结尾代码，强迫浏览器每次加载它：

Java代码 复制代码
  1. var oFCKeditor = new FCKeditor（ "FCKeditor1" ） ;   
  2.     oFCKeditor.Config["CustomConfigurationsPath"] = "/myconfig.js?" + （ new Date（） * 1 ） ;   
  3.     oFCKeditor.Create（） ;  
var oFCKeditor = new FCKeditor（ "FCKeditor1" ） ;
	oFCKeditor.Config["CustomConfigurationsPath"] = "/myconfig.js?" + （ new Date（） * 1 ） ;
	oFCKeditor.Create（） ;



3.需要修改的配置
1.自定义ToolbarSet,去掉一些功能
2.加上几种常用的字体
3.修改"回车"和"Shift+回车"的换行行为（ 默认的回车是一个段落）
4.修改编辑区样式文件  @import url（路径）;
5.更换表情图片
注意：
1.要使用UTF-8编码保存配置文件
2.FCKConfig.BasePath和调用fckeditor时指定的
BasePath（FCKeditor.BasePath）不是同一个，其值也不一样

Java代码 复制代码
  1. //设置语言，是否自动检测，默认为TRUE，此处设置为不自动检测，会覆盖默认的设置   
  2. FCKConfig.AutoDetectLanguage = true ;   
  3. //自定义ToolbarSet,去掉一些功能   
  4. FCKConfig.ToolbarSets["NetJava"] = [   
  5.     ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],   
  6.     ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],   
  7.     ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],   
  8.     ['Link','Unlink','Anchor'],   
  9.     ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],   
  10.     '/',   
  11.     ['Style','FontFormat','FontName','FontSize'],   
  12.     ['TextColor','BGColor'],   
  13.     ['FitWindow','ShowBlocks','-','About']      // No comma for the last row.   
  14. ] ;   
  15. //修改字体，加上中文的字体   
  16. FCKConfig.FontNames     = '黑体;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;   
  17. //修改"回车"和"Shift+回车"的换行行为（ 默认的回车是一个段落）   
  18. FCKConfig.EnterMode = 'br' ;            // p | div | br   
  19. FCKConfig.ShiftEnterMode = 'p' ;    // p | div | br    
  20. //修改编辑区样式文件 ,在fck_editorarea.css中使用@import url（路径）   
  21. FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;   
  22. //更换表情图片;表情图片的位置   
  23. FCKConfig.SmileyPath    = FCKConfig.BasePath + 'images/smiley/wangwang/' ;   
  24. //要显示的表情图片的名字   
  25. FCKConfig.SmileyImages  = ['001.gif','002.gif','003.gif','004.gif','005.gif','006.gif','007.gif','008.gif','009.gif','010.gif','011.gif','012.gif','013.gif','014.gif','015.gif','016.gif','017.gif','018.gif','019.gif','020.gif','021.gif','022.gif','023.gif','024.gif','025.gif','026.gif','027.gif','028.gif','029.gif','030.gif'] ;   
  26. //每行显示多少个表情图片   
  27. FCKConfig.SmileyColumns = 5 ;   
  28. //显示表情图片的宽度   
  29. FCKConfig.SmileyWindowWidth     = 435 ;   
  30. //显示表情图片的高度   
  31. FCKConfig.SmileyWindowHeight    = 210 ;  
//设置语言，是否自动检测，默认为TRUE，此处设置为不自动检测，会覆盖默认的设置
FCKConfig.AutoDetectLanguage = true ;
//自定义ToolbarSet,去掉一些功能
FCKConfig.ToolbarSets["NetJava"] = [
    ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
    ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Style','FontFormat','FontName','FontSize'],
    ['TextColor','BGColor'],
    ['FitWindow','ShowBlocks','-','About']		// No comma for the last row.
] ;
//修改字体，加上中文的字体
FCKConfig.FontNames		= '黑体;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
//修改"回车"和"Shift+回车"的换行行为（ 默认的回车是一个段落）
FCKConfig.EnterMode = 'br' ;			// p | div | br
FCKConfig.ShiftEnterMode = 'p' ;	// p | div | br 
//修改编辑区样式文件 ,在fck_editorarea.css中使用@import url（路径）
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;
//更换表情图片;表情图片的位置
FCKConfig.SmileyPath	= FCKConfig.BasePath + 'images/smiley/wangwang/' ;
//要显示的表情图片的名字
FCKConfig.SmileyImages	= ['001.gif','002.gif','003.gif','004.gif','005.gif','006.gif','007.gif','008.gif','009.gif','010.gif','011.gif','012.gif','013.gif','014.gif','015.gif','016.gif','017.gif','018.gif','019.gif','020.gif','021.gif','022.gif','023.gif','024.gif','025.gif','026.gif','027.gif','028.gif','029.gif','030.gif'] ;
//每行显示多少个表情图片
FCKConfig.SmileyColumns = 5 ;
//显示表情图片的宽度
FCKConfig.SmileyWindowWidth		= 435 ;
//显示表情图片的高度
FCKConfig.SmileyWindowHeight	= 210 ;



4.文件上传
需求：
1.文件名为中文的文件时会出现乱码
2.创建中文目录名会出现乱码
3.引用中文名的图片不能正常显示

1.修改web.XML中的配置

Java代码 复制代码
  1. <servlet>   
  2.       <servlet-name>ConnectorServlet</servlet-name>   
  3.         <servlet-class>   
  4.           cn.netjava.fckeditor.ConnectorServlet   
  5.       </servlet-class>   
  6.       <load-on-startup>1</load-on-startup>   
  7.     </servlet>   
  8.     <servlet-mapping>   
  9.       <servlet-name>ConnectorServlet</servlet-name>   
  10.       <url-pattern>   
  11.         /fckeditor/editor/filemanager/connectors/*   
  12.       </url-pattern>   
  13. </servlet-mapping>  
<servlet>
      <servlet-name>ConnectorServlet</servlet-name>
        <servlet-class>
          cn.netjava.fckeditor.ConnectorServlet
      </servlet-class>
      <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
      <servlet-name>ConnectorServlet</servlet-name>
      <url-pattern>
        /fckeditor/editor/filemanager/connectors/*
      </url-pattern>
</servlet-mapping>



2.重写FCK的ConnectorServlet文件
1.文件名为中文的文件时会出现乱码
在ConnectorServlet类的doPost方法中加上粗体部分代码。

Java代码 复制代码
  1. //……   
  2. if （!currentDir.exists（））   
  3.                 ur = UploadResponse.UR_INVALID_CURRENT_FOLDER;   
  4.             else {   
  5.                 String newFilename = null;   
  6.                 FileItemFactory factory = new DiskFileItemFactory（）;   
  7.                 ServletFileUpload upload = new ServletFileUpload（factory）;   
  8.                 //设置编码为UTF-8   
  9.                 upload.setHeaderEncoding（"UTF-8"）;   
  10.                 try {   
  11.             //……  
//……
if （!currentDir.exists（））
				ur = UploadResponse.UR_INVALID_CURRENT_FOLDER;
			else {
				String newFilename = null;
				FileItemFactory factory = new DiskFileItemFactory（）;
				ServletFileUpload upload = new ServletFileUpload（factory）;
				//设置编码为UTF-8
				upload.setHeaderEncoding（"UTF-8"）;
				try {
            //……



2.创建中文目录名会出现乱码
在ConnectorServlet类的doGet方法中加上粗体部分代码。

Java代码 复制代码
  1. //……   
  2. else if （command.equals（CommandHandler.CREATE_FOLDER）） {   
  3. //取得要建立的文件夹的名字   
  4. String strFileName = request.getParameter（"NewFolderName"）;   
  5. //进行编码转换   
  6. strFileName = new String（strFileName.getBytes（"iso8859-1"）,"UTF-8"）;   
  7. String newFolderStr = UtilsFile.sanitizeFolderName（strFileName）;   
  8. logger.debug（"Parameter NewFolderName: {}", newFolderStr）;   
  9. //……  
//……
else if （command.equals（CommandHandler.CREATE_FOLDER）） {
//取得要建立的文件夹的名字
String strFileName = request.getParameter（"NewFolderName"）;
//进行编码转换
strFileName = new String（strFileName.getBytes（"iso8859-1"）,"UTF-8"）;
String newFolderStr = UtilsFile.sanitizeFolderName（strFileName）;
logger.debug（"Parameter NewFolderName: {}", newFolderStr）;
//……



3.引用中文名的图片不能正常显示
（1）.修改tomcat连接器的配置URIEncoding（建议不要使用，这个方法对Get方法进行的提交会对中文进行解码，有可能会产生乱码）。
原因是：图片引用的地址进行URL编码，当使用这个路径访问服务器时，先进行解码，这样就会解释成乱码，所以找不到对应的资源。

Java代码 复制代码
  1. <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000"    redirectPort="8443" URIEncoding="UTF-8"/>  
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000"    redirectPort="8443" URIEncoding="UTF-8"/>



（2）.避免出现引用中文名字图片的情况，在ConnectorServlet类的doPost方法中加上粗体部分代码。

Java代码 复制代码
  1. //……   
  2. FileItem uplFile = items.get（0）;   
  3. String rawName = UtilsFile.sanitizeFileName（uplFile.getName（））;   
  4. String filename = FilenameUtils.getName（rawName）;   
  5. String baseName = FilenameUtils.removeExtension（filename）;   
  6. String extension = FilenameUtils.getExtension（filename）;   
  7. //使用UUID来替换文件名   
  8. filename = UUID.randomUUID（）.toString（） + "." + extension;   
  9. //如果文件扩展名不允许上传   
  10. if （!ExtensionsHandler.isAllowed（resourceType, extension））   
  11. //……  
//……
FileItem uplFile = items.get（0）;
String rawName = UtilsFile.sanitizeFileName（uplFile.getName（））;
String filename = FilenameUtils.getName（rawName）;
String baseName = FilenameUtils.removeExtension（filename）;
String extension = FilenameUtils.getExtension（filename）;
//使用UUID来替换文件名
filename = UUID.randomUUID（）.toString（） + "." + extension;
//如果文件扩展名不允许上传
if （!ExtensionsHandler.isAllowed（resourceType, extension））
//……



4. 控制上传文件的大小和自定义错误码
1.在上传文件的页面（浏览器）加载文件点击“Upload”按钮，将表单提交到ConnectorServlet（服务器），ConnectorServlet处理上传的文件（不同的处理结果对应不同的响应消息），ConnectorServlet通过处理的结果调用不同的回调函数，并传递错误码，对错误码进行处理。
打印错误码对应的提示信息步骤：
1.在服务器端的Servlet中，在保存文件之前先判断文件的大小，如果超出限制，就传递一个自定义的错误码，并且不再保存文件。在ConnectorServlet类的doPost方法中加上粗体部分代码。

Java代码 复制代码
  1. //……   
  2. //如果文件扩展名不允许上传   
  3. if （!ExtensionsHandler.isAllowed（resourceType, extension））   
  4. ur = new UploadResponse（UploadResponse.SC_INVALID_EXTENSION）;   
  5. //如果文件大小超出限制   
  6. else if（uplFile.getSize（） > 100 * 1024）{   
  7. //传递一个自定义的错误码   
  8. ur = new UploadResponse（204）;   
  9. }   
  10. //如果不存在以上情况，则保存文件   
  11. else {   
  12. //……  
//……
//如果文件扩展名不允许上传
if （!ExtensionsHandler.isAllowed（resourceType, extension））
ur = new UploadResponse（UploadResponse.SC_INVALID_EXTENSION）;
//如果文件大小超出限制
else if（uplFile.getSize（） > 100 * 1024）{
//传递一个自定义的错误码
ur = new UploadResponse（204）;
}
//如果不存在以上情况，则保存文件
else {
//……



2.修改对应的页面中的回调函数，增加对这个自定义的错误码的处理。在WebContenteditordialogfck_image文件夹下Fck_image.js文件中加上粗体部分代码。

Java代码 复制代码
  1. switch （ errorNumber ）{   
  2.         case 0 :    // No errors   
  3.             alert（ 'Your file has been successfully uploaded' ） ;   
  4.             break ;   
  5.         case 1 :    // Custom error   
  6.             alert（ customMsg ） ;   
  7.             return ;   
  8.         case 101 :  // Custom warning   
  9.             alert（ customMsg ） ;   
  10.             break ;   
  11.         case 201 :   
  12.             alert（ 'A file with the same name is already available. The uploaded file has been renamed to "' + fileName + '"' ） ;   
  13.             break ;   
  14.         case 202 :   
  15.             alert（ 'Invalid file type' ） ;   
  16.             return ;   
  17.         case 203 :   
  18.             alert（ "Security error. You probably don't have enough permissions to upload. Please check your server." ） ;   
  19.             return ;   
  20. //将ConnectorServlet文件中自定义的204错误码在此处进行定义。   
  21.         case 204 :   
  22.             alert（ "文件大小超出限制" ） ;   
  23.             return ;   
  24.         case 500 :   
  25.             alert（ 'The connector is disabled' ） ;   
  26.             break ;   
  27.         default :   
  28.             alert（ 'Error on file upload. Error number: ' + errorNumber ） ;   
  29.             return ;   
  30. }  
switch （ errorNumber ）{
		case 0 :	// No errors
			alert（ 'Your file has been successfully uploaded' ） ;
			break ;
		case 1 :	// Custom error
			alert（ customMsg ） ;
			return ;
		case 101 :	// Custom warning
			alert（ customMsg ） ;
			break ;
		case 201 :
			alert（ 'A file with the same name is already available. The uploaded file has been renamed to "' + fileName + '"' ） ;
			break ;
		case 202 :
			alert（ 'Invalid file type' ） ;
			return ;
		case 203 :
			alert（ "Security error. You probably don't have enough permissions to upload. Please check your server." ） ;
			return ;
//将ConnectorServlet文件中自定义的204错误码在此处进行定义。
		case 204 :
			alert（ "文件大小超出限制" ） ;
			return ;
		case 500 :
			alert（ 'The connector is disabled' ） ;
			break ;
		default :
			alert（ 'Error on file upload. Error number: ' + errorNumber ） ;
			return ;
}
xx_liuhui
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Xheditor 富文本编辑器 Java版
06-27
java版 xheditor富文本编辑器，个人认为比fckeditor好用且美观。实现了图片上传功能。示例为myeclipse工程，导入即可用。
在线富文本编辑器
eIoBhMojo的博客
04-19 990
公司做的项目需要用到文本上传功能。 Chrome+IE默认支持粘贴剪切板中的图片，但是我要粘贴的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？ 我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布 网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。 1、只粘贴图片并上传到服务器 https://dwz.cn/ORcEz9fz co...
php在线富文本编辑器
alisky119的博客
06-06 2039
公司做的项目需要用到文本上传功能。 Chrome+IE默认支持粘贴剪切板中的图片，但是我要粘贴的文章存在word里面，图片多达数十张，我总不能一张一张复制吧​？ 我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布​ 网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。 1、只粘贴图片并上传到服务器 https://dwz.cn/ORcEz9fz...
FCKeditor插件实现富文本编辑
xinlanzero
08-03 278
首先下载 Ruby代码   ruby script/plugin install svn://rubyforge.org/var/svn/fckeditorp/trunk/fckeditor   其他说明： (1)FCKeditor安装在项目根目录下的vendor/plugins/fckeditor 里， (2)README文件代有使用说明 在你要使用是视图上添上 ...
fckedtior自编弹出框富文本编辑器——功能齐全
07-18
依据fckedior源码，在此基础上做了一个例子，通过点击div，弹出文本编辑框，可以实现加粗、字体颜色、字体背景色、字体样式、字体大小、链接、图片上传、flash上传等功能。
CkEditor3.01
11-25
CkEditor是FckEditor的最新版 现更名为CKEditor 该压缩包中包含了CKFinder 用以实现CkEditor的图片上传功能
毕业设计-基于JSP的在线博客网ssh+mysql-设计与实现（源码+论文+视频）.zip
07-28
这个地方还用到的现在比较流行的富文本编辑器fckEditor 图4.2 照片发布模块界面 4.3 添加文章模块 （1）添加文章模块界面 在该界面中首先输入文章内容。单击“提交”按钮，即可完成归文章发布操作。 图4.3 ...
SpringMVC+redis完整案例
09-06
 Jsp,freemarker,jquery,css+div,jstl标签struts-menu(了解)，fckEditor(富文本编辑器)  Springmvc,spring,mybatis  cxf  文件服务器(jersy)  Maven,svn,hudson  Oracle  Activiti  Nginx  Redis ...
html转义符
xx_liuhui的专栏
07-03 2293
转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“”这类符号已经用来表示HTML标签，因此就不能直 接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转 义字符串时，要严格遵守字母大小写的规则。第二个原因是
如何防止用户后退重复提交表单
xx_liuhui的专栏
07-06 1229
 一、产生随机数在很多情况下都需要防止相同的表单被多次提交，很多人的实现方法都比较复杂(代码数量超过几十行！！)下面提供一种只需使用几行代码的方法，轻松地实现了防止用户刷新多次提交表单和使用后退钮重复多次提交表单。 　　表单文件formtest.asp　　　　Randomize　初始代随机数种子　　num1=rnd() 产生随机数num1　　num1=int(26*num1)+
论E-mail验正的正则表达式升级
xx_liuhui的专栏
11-19 849
今天拿到了传说中有1G大的Gmai,确实很好用速度极快，没有了传统的收件夹，取了代之的是labels ,用户自己设定labels后加上邮件过滤设定，就成了邮件自动分练功能，逻辑上，用户名＋[email protected]，"labels"可以自己取名，就可以达到无数个E-mail地址，这些地址同时指向用户名@gmail.com我在外面测试：能过163邮箱向用户名＋[email protected]
servlet跳转页面的几种方法
xx_liuhui的专栏
03-04 510
Servlet： 当然，在servlet中，一般跳转都发生在doGet, doPost等方法里面。 1)  redirect 方式 response.sendRedirect("/a.jsp"); 页面的路径是相对路径。sendRedirect可以将页面跳转到任何页面，不一定局限于本web应用中，如： response.sendRedirect("http://www.ycul.com"); 跳转
google 工具与素材
xx_liuhui的专栏
02-21 452
Google 代码库是一个类似 SourceForge 的开源社区，大量开发者在那里上传自己的代码或素材同他人分享，Google 代码库于 2006 年启动，至今已积累了大量的好东西，本文从 Google 代码库搜集到 15 个非常出色的工具与素材，它们都基于 GPL， BSD， MIT 或 Creative Common 协议，可以免费使用。 1. Twotiny  这是一套由 Pa
mybatisPlus使用MetaObjectHandler对字段进行更新
m0_56356631的博客
04-23 344
都是符合我们的预期的。
java方法重写（重点讲），方法重载
最新发布
weixin_46281068的博客
04-27 422
一、方法重载定义：一个类中，出现多个方法的名称相同，但是它们的形参列表是不同的，那么这些方法就称为方法重载了。注意：一个类中，只要一些方法的名称相同、形参列表不同，那么它们就是方法重载了，其它的都不管（如:修饰符，返回值类型是否一样都无所谓）。形参列表不同指的是:形参的个数、类型、顺序不同，不关心形参的名称。应用场景：开发中我们经常需要为处理一类业务，提供多种解决方案，此时用方法重载来设计是很专业的。
string模拟实现
m0_73969414的博客
04-23 1445
c++中string的模拟实现，面试必会知识点
fckeditordemo
01-08
fckeditor是一种强大的富文本编辑器，可以帮助用户轻松地编辑和格式化文本内容。它具有丰富的功能，如插入图片、创建超链接、调整文字样式等。fckeditor还支持多种常用的文本编辑操作，如剪切、复制、粘贴和撤销等。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值