ueditor编辑器的使用

时间：2016-05-23 16:57:34 阅读：277 评论：0 收藏：0 [点我收藏+]

标签：

　　UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。今天我们就开始学习一下。大致的效果图如下

$技术分享$

UEditor的jsp环境搭建

技术分享

这里我下载的是jsp版本的uft-8，目前ueditro仅支持上述4种语言的环境。

二、ueditor在eclipse上的部署

在eclipse部署tomcat环境，这个就不多做介绍，Preferences --> Runtime Environment --> add --> 选择tomcat的安装目录。如下

技术分享

技术分享

将解压后ueditor的相关资源导入到项目中，在项目下的“WebContent”目录上右击，在弹出的菜单中选择：Import->Import...，弹出如下图所示对话框：

技术分享

选择File System，在browse中选择ueditor的解压路径，如下：

技术分享

将webcontent-->jsp下的lib下的jar包复制到WEb-INF下的lib文件夹下，之后删除jsp下的lib文件夹

技术分享

添加该项目到Tomcat中，并启动Tomcat。在浏览器运行：http://localhost:8080/JspUeditor/jsp/controller.jsp?action=config得到如下界面，表示成功

技术分享

技术分享

解决方案：把var ue = UE.getEditor(‘editor‘)等代码放在</body>前面且包含在<body>中。

标签：

原文地址：http://www.cnblogs.com/huhx/p/JSueditor.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行