webwork中richtexteditor标签图片上传配置和创建中文多级目录乱码问题解决

最新推荐文章于 2024-04-06 09:53:18 发布
最新推荐文章于 2024-04-06 09:53:18 发布
阅读量266 收藏
点赞数
分类专栏： 开源框架 文章标签： Webwork OS EXT Cache 360

1.webwork中的rechtexteditor图片上传时在使用过程中可能会出现如下问题：
 Error on file upload.Error number:203
 Invalid file
 XML request error:Not Found(404)
同时在创建中文多级目录时候，文件目录为乱码，上传含中文名称图片为乱码，
需要对webwork源码进行修改配置来解决上述出现的问题。

2.\webwork-2.2.4-sources\com\opensymphony\webwork\static\richtexteditor\拷贝到工程的\webapp\webwork\richtexteditor\目录下面(如果\webwork\richtexteditor\目录不存在，手动建立)，同时在webapp目录下面手动建立\upload\Image\文件夹，用来保存上传的图片
主要对\webwork-2.2.4-sources\~\static\richtexteditor\editor\filemanager\browser\default\下面源文件修改，
目标：上传图片名称里面含中文避免乱码
位置：\webapp\webwork\richtexteditor\editor\filemanager\browser\default\frmupload.html
添加代码：<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
目标：创建目录名称里面含中文避免乱码
位置：\webapp\webwork\richtexteditor\editor\filemanager\browser\default\frmcreatefolder.html
代码：oConnector.SendCommand( 'CreateFolder', 'NewFolderName=' + escape( sFolderName) , CreateFolderCallBack ) ;
换成：oConnector.SendCommand( 'CreateFolder', 'NewFolderName=' +  sFolderName , CreateFolderCallBack ) ;

位置：\webapp\webwork\richtexteditor\editor\filemanager\browser\default\browser.html
代码：
oConnector.SendCommand = function( command, params, callBackFunction )
{
 var sUrl = this.ConnectorUrl + 'Command=' + command ;
 sUrl += '&Type=' + this.ResourceType ;
 sUrl += '&CurrentFolder=' + escape( this.CurrentFolder ) ;
 
 if ( params ) sUrl += '&' + params ;

 var oXML = new FCKXml() ;
 
 if ( callBackFunction )
  oXML.LoadUrl( sUrl, callBackFunction ) ; // Asynchronous load.
 else
  return oXML.LoadUrl( sUrl ) ;
}
换成：
oConnector.SendCommand = function( command, params, callBackFunction )
{
 var sUrl = this.ConnectorUrl + 'Command=' + command ;
 sUrl += '&Type=' + this.ResourceType ;
 sUrl += '&CurrentFolder=' +  this.CurrentFolder  ;
 
 if ( params ) sUrl += '&' + params ;

 var oXML = new FCKXml() ;
 
 if ( callBackFunction )
  oXML.LoadUrl( sUrl, callBackFunction ) ; // Asynchronous load.
 else
  return oXML.LoadUrl( sUrl ) ;
}

3.修改webwork.properties文件，使用当前的端口和\webapp\webwork\文件夹

### used to build URLs, such as the UrlTag
webwork.url.http.port = 8081

###false not to read webwork.jar.but to read the webwork folder under ther website
webwork.serve.static=false

 

4.在src目录下面建立4个java文件，如：

org.RichtexteditorConnector，

org.RichtexteditorCreateFolderResultLocal，

org.RichtexteditorGetFoldersAndFilesResultLocal，

org.RichtexteditorGetFoldersResultLocal
代码(org.RichtexteditorConnector)：

/**
 * @author hjl
 * @date 2009-4-17
 * @function 
 * @version 
 */
public class RichtexteditorConnector extends DefaultRichtexteditorConnector {

	private static final long serialVersionUID = 1L;

	protected String calculateActualServerPath(String actualServerPath,
			String type, String folderPath) throws Exception {//解决不能创建目录问题
		String path = StringUtils
				.replaceChars("file:///"
						+ servletContext.getRealPath("/" + actualServerPath),
						'\\', '/');
		makeDirIfNotExists(path);
		path = path.endsWith("/") ? path : path + "/";
		return path + type + folderPath;
	}

	/**
	 * 创建中文目录时转码
	 */
	@Override
	protected CreateFolderResult createFolder(String virtualFolderPath, String type, String newFolderName) {
		try {
			String tmpPath = calculateActualServerPath(getActualServerPath(), type, virtualFolderPath);
			tmpPath = tmpPath+newFolderName;
			//dir 中文
			tmpPath = new String(tmpPath.getBytes("ISO-8859-1"),"gbk");
//			System.out.println("tmpPath:"+tmpPath);
			boolean alreadyExists = makeDirIfNotExists(tmpPath);
			if (alreadyExists) {
				return CreateFolderResult.folderAlreadyExists();
			}
		} catch(Exception e) {
			return CreateFolderResult.unknownError();
		}
		return CreateFolderResult.noErrors();
	}

	/**
	 * 中文文件夹显示转码
	 */
	@Override
	protected FoldersAndFiles getFoldersAndFiles(String virtualFolderPath, String type) throws Exception {
		String path = calculateActualServerPath(getActualServerPath(), type, virtualFolderPath);
		//dir 中文
		path = new String(path.getBytes("ISO-8859-1"),"gbk");
		makeDirIfNotExists(path);
		java.io.File f = new java.io.File(new URI(path));
		java.io.File[] children = f.listFiles();
		
		List directories = new ArrayList();
		List files = new ArrayList();
		for (int a=0; a< children.length; a++) {
			if (children[a].isDirectory()) {
				directories.add(new Folder(children[a].getName()));
			}
			else {
				try {
					files.add(new File(children[a].getName(), fileSizeInKBytes(children[a])));
				}
				catch(Exception e) {
					e.printStackTrace();
				}
			}
		}
		return new FoldersAndFiles(
				(Folder[]) directories.toArray(new Folder[0]), 
				(File[]) files.toArray(new File[0])
		);
	}
	
	@Override
	protected Folder[] getFolders(String virtualFolderPath, String type) throws Exception {
		String path = calculateActualServerPath(getActualServerPath(), type, virtualFolderPath);
		//dir 中文
		path = new String(path.getBytes("ISO-8859-1"),"gbk");
		makeDirIfNotExists(path);
		java.io.File f = new java.io.File(new URI(path));
		java.io.File[] children = f.listFiles(new FileFilter() {
			public boolean accept(java.io.File pathname) {
				if (! pathname.isFile()) {
					return true;
				}
				return false;
			}
		});
		
		List tmpFolders = new ArrayList();
		for (int a=0; a< children.length; a++) {
			tmpFolders.add(new Folder(children[a].getName()));
		}
		
		return (Folder[]) tmpFolders.toArray(new Folder[0]);
	}

	@Override
	protected FileUploadResult fileUpload(String virtualFolderPath, String type, String filename, String contentType, java.io.File newFile) {
		try {
			virtualFolderPath = new String(virtualFolderPath.getBytes("ISO-8859-1"),"UTF-8");
			String tmpDir = calculateActualServerPath(getActualServerPath(), type, virtualFolderPath);
			makeDirIfNotExists(tmpDir);
			String tmpFile = tmpDir + filename;
			if(makeFileIfNotExists(tmpFile)) {
				// already exists
				int a=0;
				String ext = String.valueOf(a);
				tmpFile = calculateActualServerPath(getActualServerPath(), type, virtualFolderPath)+filename+ext;
				while(makeFileIfNotExists(tmpFile)) {
					a = a + 1;
					ext = String.valueOf(a);
					if (a > 100) {
						return FileUploadResult.invalidFile();
					}
				}
				copyFile(newFile, new java.io.File(new URI(tmpFile)));
				return FileUploadResult.uploadCompleteWithFilenamChanged(filename+ext);
			}
			else {
				copyFile(newFile, new java.io.File(new URI(tmpFile)));
				return FileUploadResult.uploadComplete();
			}
		}
		catch(Exception e) {
			return FileUploadResult.invalidFile();
		}
	}
	private ServletContext servletContext;

	public void setServletContext(ServletContext servletContext) {
		this.servletContext = servletContext;
	}
}

 
代码(org.RichtexteditorCreateFolderResultLocal)：

/**
 * @author hjl
 * @date 2009-4-20
 * @function 
 * @version 
 */
public class RichtexteditorCreateFolderResultLocal
		extends
			RichtexteditorCreateFolderResult {

	@Override
	public void execute(ActionInvocation invocation) throws Exception {
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setContentType("text/xml; charset=UTF-8");
		response.setHeader("Cache-Control","no-cache");
		
		OutputStream os = response.getOutputStream();
		
		CreateFolderResult createFolderResult = richtexteditorCreateFolderResult(invocation);
		
//		CurrentFolder问题,转换为中文
		String currentFolder_path = getFolderPath(invocation);
		currentFolder_path = new String(currentFolder_path.getBytes("ISO-8859-1"),"GBK");
		
		String currentFolder_url = getServerPath(invocation);
		currentFolder_url = new String(currentFolder_url.getBytes("ISO-8859-1"),"GBK");
		
		Document document = buildDocument();
		Element root = buildCommonResponseXml(document, 
				getCommand(invocation), getType(invocation), 
				currentFolder_path, currentFolder_url);
		
		Element errorElement = document.createElement("Error");
		errorElement.setAttribute("number", createFolderResult.getCode());
		root.appendChild(errorElement);
		
//		if (_log.isDebugEnabled()) {
//			String result = stringFromDocument(document);
//			_log.debug(result);
//		}
		
		writeDocumentToStream(document, os);
		os.flush();
		os.close();
	}
	

}

 

代码(org.RichtexteditorGetFoldersAndFilesResultLocal)：

/**
 * @author hjl
 * @date 2009-4-20
 * @function 
 * @version 
 */
public class RichtexteditorGetFoldersAndFilesResultLocal
		extends
			RichtexteditorGetFoldersAndFilesResult {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	@Override
	public void execute(ActionInvocation invocation) throws Exception {
//		System.out.println("====本地====");
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setContentType("text/xml; charset=UTF-8");
		response.setHeader("Cache-Control","no-cache");
		
		OutputStream os = response.getOutputStream();
		
		Document document = buildDocument();
		
		//CurrentFolder问题,转换为中文
		String currentFolder_path = getFolderPath(invocation);
		currentFolder_path = new String(currentFolder_path.getBytes("ISO-8859-1"),"GBK");
		
		String currentFolder_url = getServerPath(invocation);
		currentFolder_url = new String(currentFolder_url.getBytes("ISO-8859-1"),"GBK");
		
		
//		Element root = buildCommonResponseXml(document, 
//				getCommand(invocation), getType(invocation), 
//				getFolderPath(invocation), getServerPath(invocation));
		
		//buildCommonResponseXml这个方法是关键 MAIN()
		Element root = buildCommonResponseXml(document, 
				getCommand(invocation), getType(invocation), 
				currentFolder_path, currentFolder_url);
		
		FoldersAndFiles foldersAndFiles = richtexteditorFoldersAndFiles(invocation);
		
		Folder[] folders = foldersAndFiles.getFolders();
		File[] files = foldersAndFiles.getFiles();
		
		Element foldersElement = document.createElement("Folders");
		if (folders != null) {
			for (int a=0; a< folders.length; a++) {
				Element folderElement = document.createElement("Folder");
				folderElement.setAttribute("name", folders[a].getFoldername());
				foldersElement.appendChild(folderElement);
			}
		}
		root.appendChild(foldersElement);
		
		Element filesElement = document.createElement("Files");
		if (files != null) {
			for (int a=0; a< files.length; a++) {
				Element fileElement = document.createElement("File");
				fileElement.setAttribute("name", files[a].getFilename());
				fileElement.setAttribute("size", String.valueOf(files[a].getSizeInKb()));
				filesElement.appendChild(fileElement);
			}
		}
		root.appendChild(filesElement);
		
//		if (_log.isDebugEnabled()) {
//			String result = stringFromDocument(document);
//			_log.debug(result);
//		}
		
		writeDocumentToStream(document, os);
		os.flush();
		os.close();
	}
}

 
代码(org.RichtexteditorGetFoldersResultLocal)：

/**
 * @author hjl
 * @date 2009-4-20
 * @function 
 * @version 
 */
public class RichtexteditorGetFoldersResultLocal
		extends
			RichtexteditorGetFoldersResult {

	@Override
	public void execute(ActionInvocation invocation) throws Exception {
		Folder[] folders = richtexteditorFolders(invocation);
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setContentType("text/xml; charset=UTF-8");
		response.setHeader("Cache-Control","no-cache");
		
		OutputStream os = response.getOutputStream();

		Document document = buildDocument();
		
//		CurrentFolder问题,转换为中文
		String currentFolder_path = getFolderPath(invocation);
		currentFolder_path = new String(currentFolder_path.getBytes("ISO-8859-1"),"GBK");
		
		String currentFolder_url = getServerPath(invocation);
		currentFolder_url = new String(currentFolder_url.getBytes("ISO-8859-1"),"GBK");
		
		Element root = buildCommonResponseXml(document, 
				getCommand(invocation), getType(invocation), 
				currentFolder_path, currentFolder_url);
		
		Element foldersElement = document.createElement("Folders");
		if (folders != null) {
			for (int a=0; a< folders.length; a++) {
				Element folderElement = document.createElement("Folder");
				folderElement.setAttribute("name", folders[a].getFoldername());
				foldersElement.appendChild(folderElement);
			}
		}
		root.appendChild(foldersElement);
		
//		if (_log.isDebugEnabled()) {
//			String result = stringFromDocument(document);
//			_log.debug(result);
//		}
		
		writeDocumentToStream(document, os);
		os.flush();
		os.close();
	}

}

 
5.在xwork.xml文件中添加如下代码：

<package name="richtexteditor-browse" extends="webwork-default" namespace="/webwork/richtexteditor/editor/filemanager/browser/default/connectors/jsp">
    	<result-types>
            <result-type name="richtexteditorGetFolders" class="org.RichtexteditorGetFoldersResultLocal" />    		
            <result-type name="richtexteditorGetFoldersAndFiles" class="org.RichtexteditorGetFoldersAndFilesResultLocal" />    		
            <result-type name="richtexteditorCreateFolder" class="org.RichtexteditorCreateFolderResultLocal" />    		    	
    	</result-types>
    	<action name="connector" class="org.RichtexteditorConnector" method="browse">
    		<param name="actualServerPath">
            /upload/
            </param>
            <param name="serverPath">
            /upload/
            </param>
    		<result name="getFolders" type="richtexteditorGetFolders" />
    		<result name="getFoldersAndFiles" type="richtexteditorGetFoldersAndFiles" />
    		<result name="createFolder" type="richtexteditorCreateFolder" />
    		<result name="fileUpload" type="richtexteditorFileUpload" />
    	</action>
    </package>
    
    <package name="richtexteditor-upload" extends="webwork-default" namespace="/webwork/richtexteditor/editor/filemanager/upload">
		<action name="uploader" class="org.RichtexteditorConnector" method="upload">
			<param name="actualServerPath">
            /upload/
            </param>
            <param name="serverPath">
            /upload/
            </param>
			<result name="richtexteditorFileUpload" />
		</action>    
    </package>

 
6.同时pom.xml jar必须有：

<dependencies>
    <dependency>
      <groupId>opensymphony</groupId>
      <artifactId>webwork</artifactId>
      <version>2.2.4</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring</artifactId>
      <version>2.0-rc2</version>
    </dependency>
    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.1</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.4</version>
    </dependency>
    <dependency>
      <groupId>commons-lang</groupId>
      <artifactId>commons-lang</artifactId>
      <version>2.1</version>
    </dependency>
  </dependencies>

 
最后在ftl页面中显示出来：

<@ww.richtexteditor 
   defaultLanguage ="zh-cn" 
   toolbarCanCollapse="false" 
   label="内容(content):" 
        height ="360" 
   name="model.content"/>

 
一步一步配置就可以将问题解决了。

全新时代
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java做安卓文本编辑器_Android端富文本编辑器（EditText+Span）开源+实例+详解+细节...
weixin_39623620的博客
02-26 742
多 格 式 文 本 编 辑 器WMRichTextEditorWMRichTextEditor是一款Android端文本编辑器，目前支持16种编排格式，适用于Android项目的笔记板块的开发。开源地址添加依赖allprojects {repositories {...maven { url 'https://jitpack.io' }}}dependencies {...
webwork 2.2.6中文文档
12-08
webwork 2.2.6 中文版本，然后编译生成chm格式，方面查看。
推荐开源项目：RichTextEditor - 一款强大的Web富文本编辑器
最新发布
gitblog_00069的博客
04-06 433
推荐开源项目：RichTextEditor - 一款强大的Web富文本编辑器 项目地址:https://gitcode.com/teaold/RichTextEditor 在web开发中，富文本编辑器是不可或缺的一部分，它允许用户以类似Word的方式创建和编辑内容。今天，我们向大家推荐一个优秀的开源项目——RichTextEditor，这是一款轻量级、高度可定制化的富文本编辑器，旨在提供更流畅的用...
android简书的富文本编辑,MRichEditor(安卓富文本编辑器)
weixin_29099217的博客
05-26 589
A rich text editor sample (based on summernote)FeaturesBoldItalicUnderlineStrike-throughHeading 1Heading 2Heading 3Heading 4Heading 5Heading 6ParagraphQuoteOrdered ListUnordered ListCodeHorizontal Rul...
富文本编辑器 之 Wang.editer
qq_43423383的博客
05-26 376
#富文本编辑器简介： 1.富文本编辑器，Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器，所见即所得的文本编辑器。富文本编辑器不同于文本编辑器，程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里（当然付费的功能会更强大些），方便用户编辑文章或信息。比较好的文本编辑器有kindeditor,fckeditor等 2.富文本编辑器提供类似于 Microsoft...
WebWork ww标签
02-10
WebWork ww标签，jsp页面使用
WebWork UI标签
04-10
WebWork UI标签，里面讲解了WebWork的UI标签使用，每个标签都有相应的应用案例
webwork标签
08-15
webwork标签，通用标签，组件化标签，流程控制标签，迭代标签，UI标签，VUI标签
webwork中使用datepicker标签来选择日期
05-26
NULL 博文链接：https://goowolf.iteye.com/blog/521195
Web Wiz Rich Text Editor(文本编辑器) v4.03.rar
07-05
一个跨浏览器，跨平台的所见即所得在线HTML编辑器 把任何HTML文本成为一个WYSIWYG编辑器，只要4行代码！ 容易改变的外观和感觉使用自定义皮肤 没有慢的Java或ActiveX组件 写在ASP ， JavaScript ，而在DHTML 复制并粘贴清洁的HTML从Word中使用wordtidy ?技术 形象和文件上载，内置在文件浏览器 打开和保存创建的文件在Web wiz丰富的文本编辑器 编辑源代码，只需简单的点击 插入图片，文件，表格，等等。 编辑和创建文本使用的各种样式和字体
richTextEditor
05-31
富文本编辑器 项目设置 npm install 为开发编译和热重载 npm run serve 为生产编译和缩小 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
RichTextEditor 扩展
04-13
DXperience 9.1.2 Sources 源代码
RichTextEditor的用法
dsj188的专栏
06-22 1914
<br />如果我们的程序中有个CEikRichTextEditor或者是 CEikEdwin，而且不用控件本身的滚动条来控制文本的滚动的话，我们就需要了解下下面的内容。<br />CTextLayout的这个API-FindDocPos- 可以把控件中文本的位置信息转换为 控件的可视位置的坐标信息，就是以控件的top-left point为坐标的原点，所以如果文本的数目超过了控件的可视范围那么自动向上翻动的文本头转换为位置信息时Y点的坐标就是负的。<br />IMPORT_C TBool Fin
flex html 控制编辑,flex学习笔记 富文本编辑（一）-RichTextEditor
weixin_39621860的博客
06-19 211
用户可使用 RichTextEditor 控件输入文本并设置其格式。用户可以更改的文本特征包括字体系列、颜色、大小和样式以及其他属性(如文本对齐方式、项目符号和 URL 链接)。该控件由一个包括两个直属子项的 Panel 控件组成：用户可在其中输入文本的 Text Area 控件。具有允许用户指定文本特征的格式控件的容器。格式控件会影响正在键入的文本或所选文本。RichTextEditor 的默认...
Android 富文本编辑器RichTextEditor 支持图文混排 支持插入和删除图片
little762的博客
03-14 4273
实现原理： 使用ScrollView作为最外层布局，里面填充EditText和ImageView。 删除的时候，根据光标的位置，删除EditText和ImageView。 生成的数据为list集合，可自定义处理数据格式。 效果图： RichTextEditor源码： public class RichTextEditor extends ScrollView { p...
使用RichTextEditor请注意
石头
08-05 1046
使用RichTextEditor时，有设置全局的ComboBox样式， 如果将设置border-thickness: "","","","";将会影响到RichTextEditor内部的ComboBox，会出现border-thickness is NaN如需要使用请写为：border-thickness-bottom:1;border-thickness-left:1;border-thickn
怎么使用webwork渲染图表
05-05
WebWork 是一个基于 Java 的 Web 应用程序框架，它并不提供直接渲染图表的功能。不过，你可以使用一些 JavaScript 的图表库，如 Highcharts、ECharts、Chart.js 等，将数据传递给前端进行渲染。 下面是一个使用 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值