java富文本编辑器
⑴ jsp 页面怎么用富文本编辑器
jsp使用富文本编辑器可以参考如下:
对于一些刚入门的程序员来说,在一些实际的开发中可能会用到编辑器,那么如何在JSP页面中嵌入并使用编辑器(本文以网络的UEditor编辑器为例),以下是具体的操作流程:
第一步
首先要到UEditor官网下载不同版本的编辑器,用户可以根据自身的需求进行下载,本文操作所需要的是JSP版本,UEditor下载如图所示:
UEditor编辑器下载地址:http://ueditor..com/website/download.html
下载完成后进行解压缩到任意文件夹,包中的内容如下图:
另附上几个编辑器的下载地址:
1.KindEditor:http://kindeditor.net/down.php
2.xhEditor:http://xheditor.com/download.html
3.TQEditor:http://www.e512.net/tqeditor/download.htm
第二步
在Eclipse中新建Dynamic Wen Project,并在WebContent下新建文件夹,命名为UEditor,把刚解压的文件复制到该文件夹,结构如图所示:
需要注意的是,要把编辑器所需的jar也导入到WEB-INF下的lib中:
第三步
经过以上配置,基本上已经把相应的环境配好了,接下来就是要写一个jsp页面进行展示,为了演示需要,在这里把index.jsp作为演示页面。
打开index.jsp页面,导入对应的js和css样式,代码如下:
[html] view plain
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!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>网络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,打开浏览器在地址栏中输入:http://localhost:8080/UEditor/,可以看到编辑器的效果:
注意:在压缩的包中,有index.html页面,里面有具体的配置信息,本文不做详细介绍。
⑵ java web富文本编辑器怎么用
富文本编辑器ckeditor:http://ckeditor.com/
ckeditor使用方式:http://www.cnblogs.com/Tirisfal/p/5548424.html
Wyswig Summernote 富文本编辑器
summernote使用方式:http://blog.csdn.net/zihandan/article/details/51025006
⑶ 富文本编辑器怎么用
富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器。它是一种解决可一般的用户不同html等网页标记但是需要在网页上设置字体的颜色、大小、样式等信息问题一个文本编辑器。下面简单的介绍一下富文本编辑器的用法和简要的原理。
1、什么是富文本编辑器?
抛开专业的定义,用自己的话来介绍一下到底什么是富文本编辑器。先举个简单的例子,大家大多都使用过网上的一些博客系统或者论坛贴吧吧,那我们要发布一则文章或者消息的时候我们需要在后台设置一下这段文本的格式还有字体的大小粗细颜色等样式,此时网页上会有一个设置这些信息的菜单或者是一个网页的文本编辑器,这个就是富文本编辑器的常见应用,如下图:
富文本编辑器不同于我们平时的文本编辑器,但是其功能确实和我们的平时使用的word的是类似的,只不过富文本编辑器设置是解决不会编写 HTML 的用户并需要设置各种文本格式在我们的网页上。
2、富文本编辑器的原理和应用
关于富文本编辑器的原理,一些人可能以为富文本编辑器的原理十分的复杂,事实上也并非如此,当然功能强大的编辑器自然会很难实现。网页上的富文本编辑器的大致原理是使用JavaScript技术将用户的输入的内容和设置的样式转换为html、css等浏览器可以认识的代码,其核心的实现技术就是JavaScript和html 、css等前端技术。
富文本编辑器的应用,比如做为一个网站的开发者,当我们需要一个发布文章的功能时候,用户可能不知道html代码,此时我们可以使用一些别人写好的富文本编辑器嵌入到我们的程序中即可解决这一问题。
⑷ 在Java中怎么实现在线编辑Word
在线编辑Word,不是Java做的。有一个富文本编辑器,就是在线编辑Word的,你需要查看一些相关资料,就可以知道怎么实现在线编辑Word了。
⑸ java用富文本编辑器时 如何保存到硬盘
步骤如下:
1.获取编辑器中内容(字符串)
2.用io流把获取的内容写入硬盘某个路径下的文件中
⑹ 用JAVA 如何在网页中 插入文本编辑区
用js的html编辑器,google一下,有很多