ueditor下载(ueditor手机版)

http://www.itjxue.com  2023-03-04 17:39  来源:未知  点击次数: 

ueditor如何实现word文档的导入和下载功能?

ueditor实现word文档的导入和下载功能的方法:

1、UEditor没有提供word的导入功能,只能说是粘贴复制。

2、方案:用poi来提供word导入,思路是将word转换为html输出,再用UEditor提供的setContent()方法将html的内容添加到编辑器中。

方案缺点,一是poi对word文本的格式获取必须按setContent()可接受的方式进行;二是我暂时没发现poi可以提供获取段落格式(对齐方式、缩进量)的方法。

代码如下:package demo;

import java.io.BufferedWriter;

import java.io.ByteArrayOutputStream;

import java.io.File;

import java.io.FileInputStream;

import java.io.FileNotFoundException;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.OutputStreamWriter;

import java.util.List;

import javax.xml.parsers.DocumentBuilderFactory;

import javax.xml.parsers.ParserConfigurationException;

import javax.xml.transform.OutputKeys;

import javax.xml.transform.Transformer;

import javax.xml.transform.TransformerException;

import javax.xml.transform.TransformerFactory;

import javax.xml.transform.dom.DOMSource;

import javax.xml.transform.stream.StreamResult;

import org.apache.poi.hwpf.HWPFDocument;

import org.apache.poi.hwpf.converter.PicturesManager;

import org.apache.poi.hwpf.converter.WordToHtmlConverter;

import org.apache.poi.hwpf.usermodel.Picture;

import org.apache.poi.hwpf.usermodel.PictureType;

import org.w3c.dom.Document;

public class Word2Html {

public static void main(String argv[]) {

String htmlContent = new String();

try {

htmlContent = convert2Html("D://test//1.doc","D://test//1.html");

} catch (Exception e) {

e.printStackTrace();

}

System.out.println(htmlContent);

}

/**

* 将内容写入指定路径下的a href=";tn=44039180_cprfenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9Pj9hrARdrAR1PhnLmWmL0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHnvrjDkP1mzPWRLrj6knj64rf" target="_blank" class="baidu-highlight"html文件/a

* @param content

* @param path

*/

public static void writeFile(String content, String path) {

FileOutputStream fos = null;

BufferedWriter bw = null;

try {

File file = new File(path);

fos = new FileOutputStream(file);

bw = new BufferedWriter(new OutputStreamWriter(fos,"UTF-8"));

bw.write(content);

} catch (FileNotFoundException fnfe) {

fnfe.printStackTrace();

} catch (IOException ioe) {

ioe.printStackTrace();

} finally {

try {

if (bw != null)

bw.close();

if (fos != null)

fos.close();

} catch (IOException ie) {

}

}

}

/**

* 转换为html

* @param fileName

* @param outPutFile

* @throws TransformerException

* @throws IOException

* @throws ParserConfigurationException

*/

public static String convert2Html(String fileName, String outPutFile)

throws TransformerException, IOException, ParserConfigurationException {

HWPFDocument wordDocument = new HWPFDocument(new FileInputStream(fileName)); //WordToHtmlUtils.loadDoc(new FileInputStream(inputFile));

WordToHtmlConverter wordToHtmlConverter = new WordToHtmlConverter(DocumentBuilderFactory.newInstance().newDocumentBuilder().newDocument());

wordToHtmlConverter.setPicturesManager(new PicturesManager()

{

/**

* 按建议名称保存图片

*/

public String savePicture( byte[] content, PictureType pictureType, String suggestedName, float widthInches, float heightInches )

{

return "D:/test/"+suggestedName;

}

} );

wordToHtmlConverter.processDocument(wordDocument);

//save pictures

List pics = wordDocument.getPicturesTable().getAllPictures();

if( pics!=null ){

for(int i=0; ipics.size(); i++){

Picture pic = (Picture)pics.get(i);

System.out.println();

try {

pic.writeImageContent(new FileOutputStream("D:/test/" + pic.suggestFullFileName()));

} catch (FileNotFoundException e) {

e.printStackTrace();

}

}

}

Document htmlDocument = wordToHtmlConverter.getDocument();

ByteArrayOutputStream out = new ByteArrayOutputStream();

DOMSource domSource = new DOMSource(htmlDocument);

StreamResult streamResult = new StreamResult(out);

TransformerFactory tf = TransformerFactory.newInstance();

Transformer serializer = tf.newTransformer();

serializer.setOutputProperty(OutputKeys.ENCODING, "UTF-8");

serializer.setOutputProperty(OutputKeys.INDENT, "yes");

serializer.setOutputProperty(OutputKeys.METHOD, "html");

serializer.transform(domSource, streamResult);

out.close();

writeFile(new String(out.toByteArray()), outPutFile);

return new String(out.toByteArray());

}

}

jsp 页面怎么用富文本编辑器

jsp使用富文本编辑器可以参考如下:

对于一些刚入门的程序员来说,在一些实际的开发中可能会用到编辑器,那么如何在JSP页面中嵌入并使用编辑器(本文以百度的UEditor编辑器为例),以下是具体的操作流程:

第一步

首先要到UEditor官网下载不同版本的编辑器,用户可以根据自身的需求进行下载,本文操作所需要的是JSP版本,UEditor下载如图所示:

UEditor编辑器下载地址:

下载完成后进行解压缩到任意文件夹,包中的内容如下图:

另附上几个编辑器的下载地址:

1.KindEditor:

2.xhEditor:

3.TQEditor:

第二步

在Eclipse中新建Dynamic Wen Project,并在WebContent下新建文件夹,命名为UEditor,把刚解压的文件复制到该文件夹,结构如图所示:

需要注意的是,要把编辑器所需的jar也导入到WEB-INF下的lib中:

第三步

经过以上配置,基本上已经把相应的环境配好了,接下来就是要写一个jsp页面进行展示,为了演示需要,在这里把index.jsp作为演示页面。

打开index.jsp页面,导入对应的js和css样式,代码如下:

[html] view plain copy

%@ page language="java" contentType="text/html; charset=utf-8"

pageEncoding="utf-8"%

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""

html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8"

title百度UEditor编辑器/title

script type="text/javascript" src="UEditor/ueditor.config.js"/script

script type="text/javascript" src="UEditor/ueditor.all.js"/script

link rel="stylesheet" href="UEditor/themes/default/css/ueditor.css"

!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败--

!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文--

script type="text/javascript" charset="utf-8"

src="UEditor/lang/zh-cn/zh-cn.js"/script

style type="text/css"

div {

width: 100%;

}

/style

/head

body

textarea id="container" name="container"

style="width: 800px; height: 400px; margin: 0 auto;"/textarea

script type="text/javascript"

UE.getEditor("container");

/script

/body

/html

以上代码写好以后,部署项目,运行tomcat,打开浏览器在地址栏中输入:,可以看到编辑器的效果:

注意:在压缩的包中,有index.html页面,里面有具体的配置信息,本文不做详细介绍。

ueditor编辑器怎么调用

ueditor编辑器的调用方法:

1、官方下载最新ASP版本,解压后文件夹自行修改,建议放在根目录下。

2、用记事本打开\bdu123\asp\config.json文件,修改里面图片、音乐、附件等的上传地址,../../upload代表上传的图片将自动放在网站根目录下文件夹“upload”里面,这个设置的好处是,易于管理上传的图片、音乐及附件等,日后即使你修改百度编辑器存放的文件夹名称,也不会影响图片等的显示。

3、在ASP中调用编辑器的方法很简单,在添加文章的动态网页中,只需把以下的源代码放置在表单中即可。(注意:代码中ueditor.config.js和ueditor.all.js这两个的调用地址修改正确就可以了)

4、ASP修改文章的动态网页中,把以下的源代码放置在表单中。(注意:代码中ueditor.config.js和ueditor.all.js这两个的调用地址修改正确就可以了)

ueditor简介:

ueditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用。百度ueditor的推出,可以帮助不少网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本。

(责任编辑:IT教学网)

更多

推荐DNS服务器文章