JSP页面中嵌入UEditor编辑器方法
来源:互联网 发布:数据库范式经典例题 编辑:程序博客网 时间:2024/06/06 01:52
JSP页面使用UEditor编辑器
对于一些刚入门的程序员来说,在一些实际的开发中可能会用到编辑器,那么如何在JSP页面中嵌入并使用编辑器(本文以百度的UEditor编辑器为例),以下是具体的操作流程:
第一步
首先要到UEditor官网下载不同版本的编辑器,用户可以根据自身的需求进行下载,本文操作所需要的是JSP版本,UEditor下载如图所示:
UEditor编辑器下载地址:http://ueditor.baidu.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样式,代码如下:
以上代码写好以后,部署项目,运行tomcat,打开浏览器在地址栏中输入:http://localhost:8080/UEditor/,可以看到编辑器的效果:注意:在压缩的包中,有index.html页面,里面有具体的配置信息,本文不做详细介绍。
转载来自:http://blog.csdn.net/j_tinker/article/details/50845132
- JSP页面中嵌入UEditor编辑器方法
- JSP页面中嵌入UEditor编辑器方法
- ueditor富文本编辑器嵌入jsp页面
- Fck编辑器快速嵌入到jsp页面中
- JSP实现嵌入富文本编辑器UEditor的配置
- JSP页面中嵌入flash
- Jsp页面嵌入外部页面的方法
- Jsp使用ueditor编辑器
- jsp页面中嵌入百度搜索引擎
- jsp页面中嵌入flash代码
- jsp页面中嵌入java代码
- 在jsp页面中嵌入fckeditor
- 单个页面显示多个Ueditor编辑器方法
- [J2EE]jsp项目中使用UEditor富文本编辑器
- [J2EE]jsp项目中使用UEditor富文本编辑器
- thinkphp3.2嵌入百度编辑器ueditor
- Confluence 编辑器 向页面中嵌入视频,电影或者音频文件
- 文本编辑器使用方法[J2EE]jsp项目中使用UEditor富文本编辑器
- 设计模式——建造者模式()
- 音频/视频那些坑
- servlet的创建步骤、请求流程及生命周期
- 本地Consumer和Producer无法使用远程Kafka服务器的处理办法
- Nexus 5刷机Google原生系统
- JSP页面中嵌入UEditor编辑器方法
- [LeetCode] Kth Largest Element in an Array
- spring事物配置,声明式事务管理和基于@Transactional注解的使用
- 动手学深度学习——第一课笔记(上)
- Mongo 聚合框架优化-Aggregate(四)
- 高软实验一报告
- 2017.9.17------训练赛有感
- CF Educational Codeforces Round 15(C)
- Spring 事务机制详解