JSP嵌入ueditor、umeditor富文本编辑器
一.下载：
1.什么是富文本编辑器？就是：
或者是这个：
其中第一个功能比较详尽，其主要用来编写文章，名字叫做udeitor。
第二个就相对精简，是第一个的MINI版，其主要用来编辑即时聊天或者发帖，名字叫做umeditor。
两个都是百度出品的，下载地址：ueditor、 umeditor 。
富文本编辑器的主要原理：将输入框内的文本转换成HTML标签。如下内容：
然后获获取输入框内的HTML内容：
二.安装：
（以下说明只以ueditor为例，umeditor一样的操作）
1.将下载后的压缩包解压，然后将整个文件夹（最好改个名，如ueditor）直接复制WebContent目录下。
2. 此时，ueditor目录可能会报错（没有报错则跳过这一步），缘因里面有个json文件不知道在干什么。这时：
1）右击项目名字，找到“Properties”选项点击，进入界面之后在左栏目找打“Validation”，单击，如下：
取消“JSON Validator”那一栏个两个勾，然后确认即可。
3.将ueditor/jsp/lib目录下的所有jar包复制一份到WEB-INF/lib文件夹里：
========> 
4.发现所有在WebContent目录下需要依赖的jar包都要复制多一份到WEB-INF/lib里头，如富文本编辑器、jstl、文件上传下载等所依赖的包。不知为何？
三.使用
1.首先需要引入三个js文件：
2.然后在<body>里面添加标签，这就是一个富文本编辑器了，可以在style里面设置大小：
3.在javascript里面实例化编辑器，如下：
实际就是声明一个编辑器的变量ue。没有这一步的话编辑器是不会显示的，不知道这个“实例化”是什么意思？
4.默认设置下，如果输入内容超出输入框的高度范围，那么编辑器的输入框就会自动延长。这样就很可能会破坏了HTML的布局，因此我们想要输入框固定不变，多出的内容用滚动条还显示。如何设置？
在ueditor文件夹的根目录下找到ueditor.config.js文件
，打开，然后在一堆注释里面找到：
这个就是设置输入框是否会自动长高的选项。我们不想其自动长高，因而将其设为false，然后将注释取消：
5.最后一步，在ueditor目录下有一个index.html文件，在实例化UE的那个javascript代码块里面，有很多函数供我们使用编辑器，根据需要复制里面的代码即可：
JSP嵌入ueditor、umeditor富文本编辑器的更多相关文章
- 百度umeditor富文本编辑器插件扩展
富文本编辑器在WEB开发中经常用到,个人比较喜欢用百度出的ueditor这款,ueditor这款本身支持插件扩展的,但是ueditor的mini版本 umeditor 就没有那么方便了,不过找了很多资 ...
- UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案
UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效 ...
- UEditor 百度富文本编辑器 .Net实例
转自 http://download.csdn.net/download/hdsslxl/6740605 1.UEditor 百度富文本编辑器完整版 .Net实例 已解决上传图片问题. 2.内附完整d ...
- 使用百度UMeditor富文本编辑器，修改自定义图片上传，修改源码
富文本编辑器,不多说了,这个大家应该都用到过,至于用到的什么版本,那就分很多种 CKEditor:很早以前叫FCK,那个时候也用过,现在改名了,比较流行的一个插件,国外很多公司在用 UEDITOR:百 ...
- JAVA 集成 Ueditor 百度富文本编辑器
开发环境:一个简单的SpringMVC框架中,用百度富文本编辑器 ueditor 实现图片和文件的上传 官网地址:http://ueditor.baidu.com/website/ 需要使用到的2个文 ...
- 百度 迷你版 UMeditor富文本编辑器 使用方法
第一步:下载编辑器 到官网下载 umeditor 最新版源码版本,下载之后打开 _examples/index.html 就可以看到演示例子.[下载页面] 第二步:部署编辑器到页面 解压下载的包,放到 ...
- 使用UMeditor富文本编辑器上传图片
注:本文系作者原创,但可随意转载. 最近写自己的网站玩儿,写到博客的部分,打算使用UMeditor,因为之前也用过(但是好像没实现图片上传的功能),感觉用起来还比较简单. 不过还是折腾了一下午...遇 ...
- UEditor百度富文本编辑器--preview在线预览时头部被挡住的解决方案
问题截图: 正常情况应该是如下显示: 解决方案: 1.打开ueditor/dialogs/preview/preview.html 2.找到body节点下面这一句 document.getElemen ...
- Spring+SpringMVC+MyBatis+easyUI整合优化篇（六）easyUI与富文本编辑器UEditor整合
日常啰嗦 本来这一篇和接下来的几篇是打算讲一下JDBC和数据库优化的,但是最近很多朋友加我好友也讨论了一些问题,我发现大家似乎都是拿这个项目作为练手项目,作为脚手架来用的,因此呢,改变了一下思路,JD ...
随机推荐
- 使用Vitamio开发iOS平台上的万能播放器
迅速了解 Vitamio是干什么的?看官方怎么说: "Vitamio SDK for iOS是Yixia Ltd官方推出的 iOS 平台上使用的软件开发工具包(SDK),为iOS开发人员提供 ...
- web开发中比较常用的html标签
作为一名web开发人员,总结了一下经常用到的html标签,如下:<html> <head> <!--meta头标签 表示页面三秒后跳转到新浪页面--> <me ...
- 解决Tomcat下连接Oracle报错"Error while registering Oracle JDBC Diagnosability MBean."
Tomcat不失为一个好的开发学习容器,但使用Oracle 11g自带的JDBC驱动ojdbc6.jar和JDK6一起运行的时候,特别是和spring框架一起使用会报错:SEVERE: Error w ...
- Android源码下载之----内核需要另外下载
用repo sync下载的android源码默认不包含kernel目录,需要自己另外下载. 下载命令:$ git clone https://android.googlesource.com/kern ...
- CF:Problem 426B - Sereja and Mirroring 二分或者分治
这题解法怎么说呢,由于我是把行数逐步除以2暴力得到的答案,所以有点二分的意思,可是昨天琦神说是有点像分治的意思.反正总的来说:就是从大逐步细化找到最优答案. 可是昨晚傻B了.靠! 多写了点东西,然后就 ...
- java jdbc连接数据库，Properties 属性设置参数方法
今天在整合为数据库发现在配置中实现的赋值方式,可以用代码实现.特记录下共以后参考: 代码: // 操作数据库 Connection conn; String strData ...
- 初步认识Spring MVC框架
Spring MVC 框架和Struts2等一样属于MVC框架,用于处理页面和后台的交互,据说它的效率要高于Struts2.下面县先说一下Spring MVC的结构,Spring MVC主要由Disp ...
- Python菜鸟之路：Python操作MySQL-即pymysql/SQLAlchemy用法
上节介绍了Python对于RabbitMQ的一些操作,本节介绍Python对于MySQL的一些操作用法 模块1:pymysql(等同于MySQLdb) 说明:pymysql与MySQLdb模块的使用基 ...
- Python菜鸟之路：Python基础-Socket编程-2
在上节socket编程中,我们介绍了一些TCP/IP方面的必备知识,以及如何通过Python实现一个简单的socket服务端和客户端,并用它来解决“粘包”的问题.本章介绍网络编程中的几个概念:多线程. ...
- Android系统移植与调试之------->如何修改Android设备添加重启、飞行模式、静音模式等功能（二）
今天要说的是为Android设备添加重启.飞行模式.静音模式按钮,客户需求中需要添加这项功能,在长按电源键弹出的菜单中没有这些选项,谨以此文记录自己添加这个功能的过程. 首先找到长按电源键弹出的对话框 ...