富文本编辑器在Java中使用
一、ckeditor
1)
下载ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个压缩文件
下载地址:http://ckeditor.com
2)
解压缩文件ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个文件,
在ckeditor_3.6.2文件中有ckeditor文件夹;
ckeditor-java-core-3.5.3中有ckeditor-java-core-3.5.3.jar、 ckeditor-java-core-3.5.3-javadoc.jar和ckeditor-java-core-3.5.3-sources.jar三个jar包
3)
把ckeditor_3.6.2文件夹下的ckeditor整个复制到工程WebRoot下;
把ckeditor-java-core-3.5.3文件夹下的三个jar包复制到WebRoot—>WEB-INF—>lib文件夹下
4)
要使用就必须在jsp文件中先引入ckeditor.js文件
<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>
5)
新建一个textarea html对象
<
textarea
id
=
"editor1"
name
=
"editor1"
>初始化文字</
textarea
>
用ckeditor替换html area
<script type=
"text/javascript"
>
CKEDITOR.replace(
'editor1'
);
</script>
或者
<ckeditor:replace replace="editor1" basePath="/ckeditor/" />
6)
效果图
二、ueditor
1)
下载ueditor
下载地址:http://ueditor.baidu.com/website/download.html
2)
解压缩文件,并把文件夹名改为ueditor
ueditor\jsp\lib路径下有commons-codec-1.9.jar、commons-fileupload-1.3.1.jar、commons-io-2.4.jar、json.jar、ueditor-1.1.2.jar五个jar包
3)
把整个ueditor文件夹复制到工程WebRoot下;
把ueditor\jsp\lib文件夹下的五个jar包复制到WebRoot—>WEB-INF—>lib文件夹下
4)
在jsp文件中先引入ueditor.config.js、ueditor.all.js文件
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
5)
页面中这么使用
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>
6)
效果图
7)
设置和读取编辑器的内容
var ue = UE.getContent();
//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function() {
//设置编辑器的内容
ue.setContent('hello');
//获取html内容,返回: <p>hello</p>
var html = ue.getContent();
//获取纯文本内容,返回: hello
var txt = ue.getContentTxt();
});
相关推荐
java版 xheditor富文本编辑器,个人认为比fckeditor好用且美观。实现了图片上传功能。示例为myeclipse工程,导入即可用。
java web富文本编辑器(kindeditor)解决开发过程中的编辑功能,图片文件等操作.
在很多开发者看来,富文本编辑器的编写是一件很神秘或者复杂的事情。神秘倒没有,复杂的话,确实如此。但是它的基本原理并不复杂,入门也不难。今天我们的主题是讲述基本原理,并逐步演示一个简单富文本编辑器的...
java集成富文本编辑器KindEditor,实现富文本的排版,图片上传,内容提交等
wangEditor 等富文本内容 (含图片: base64格式、http的网络图片等) 转换成word java后端下载
富文本编辑器demo,java 实现,可把数据存入数据库,在jsp中修改数据库配置
UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑器,这是java版,包含html段及js,以及前端文件...
UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑器,这是java版,包含html段及js,以及jsp前端...
java工程富文本编辑器,简单的jsp不涉及servlet,简单好用
ckeditor富文本编辑器
将系统中富文本编辑器内容导出到word文件(包含图片)
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...
绝对好用的富文本编辑框 fckeditor 现在已经可以兼容java了 以后会兼容sturts 希望大家多多支持,多多研究 绝对能用 里面的JAR包 slf4j-api-1.5.2.jar slf4j-simple-1.5.2.jar fckeditor-java-core-2.4.jar ...
功能很强大的富文本编辑器,使用起来非常方便。。。
利用Java Swing提供的各种组件开发出一款具有一定实用功能的文本编辑器。该编辑器能完成的主要功能:菜单栏、工具栏、快显菜单以及文件、编辑、视图等菜单内的常用子项目。学习和掌握Java Swing的相关知识
完整实例,决对实用,我已测试成功的。不明白如何使用的可以按着下载文件中的说明文档进行操作
这个一个比较完整的ssh整合后实现导入导出excel、百度富文本编辑器使用、highcharts统计图表应用、clob大对象处理等综合性、实用性比较强的案例代码实现
富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里(当然付费的功能会更强大些),方便用户编辑文章或信息。比较好的文本编辑器有kindeditor,fckeditor等。----百度百科
ossCliendEndPoint 阿里云文件存储的endpoint,在仓库概览里面可以看到 useCDN true/false是否启用cdn加速 cdnEndPoint cdn加速域名配置 useLocalStorager 是否启用本地存储 useAsynUploader 是否启用异步上传 二、...
CKEditor 富文本编辑框 富文本编辑器 ckeditor struts2fckeditorplugin ckeditor-java-core-3.5.3