`

UEditor(JSP版本)安装与部署

 
阅读更多

一、访问UEditor官方网站(http://ueditor.baidu.com/website/download.html#),此处我选择的是开发版->1.2.5.0Jsp版本->UTF-8版本。

 

二、解压缩下载文件。如图所示



 三、在原有Java Web工程(此处我的是Ecommerce)里新建resources/ueditor目录。

拷贝源码包dialogs、lang、themes、third-party、editor_all.js、editor_config.js文件或目录到工程ueditor下面。新建editor.jsp文件用于展示ueditor。

ueditor.jsp内容:

<%@ 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">
<SCRIPT type=text/javascript src="../resources/ueditor/editor_config.js"></SCRIPT> 
<SCRIPT type=text/javascript src="../resources/ueditor/editor_all.js"></SCRIPT> 
<LINK rel=stylesheet href="../resources/ueditor/themes/default/css/ueditor.css">
<title>文本编辑器</title>
</head>
<body>
<DIV id=myEditor></DIV> 
<SCRIPT type=text/javascript> 
    var editor = new baidu.editor.ui.Editor(); 
    editor.render("myEditor"); 
</SCRIPT>
</body>
</html>

目录如图所示


四、修改editor_config.js中URL值指向资源文件

URL = window.UEDITOR_HOME_URL||"/Ecommerce/resources/ueditor/";//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)

 五、至此ueditor部署完毕。访问预览如图所示

 

 
 

 

 

 

 

 

分享到:
评论
2 楼 快快乐乐的北斗 2013-09-27  
464380730 写道
不行啊 没任何效果

js css 成功导入了没
1 楼 464380730 2013-07-20  
不行啊 没任何效果

相关推荐

    ueditor-1.4.3.3 jsp版本源码(UTF-8)

    JSP版本的ueditor源码主要针对Java后端开发者,实现了与服务器端的紧密交互,包括文件上传、数据同步等功能。UTF-8编码确保了多语言环境下的正确显示,提高了代码的可读性和通用性。 3. **源码结构分析** - `jsp`...

    UEditor JSP版 demo

    3. **UEditor的安装与配置**:首先,你需要将UEditor的JSP版库下载并解压,然后将其静态资源文件(如js、css、图片等)部署到Web应用的静态资源目录下。接着,需要在JSP页面中引入UEditor的JavaScript文件,并设置...

    ueditor编辑器(jsp版本)

    1. **下载与引入**:首先从ueditor官网下载对应版本的编辑器压缩包,将其解压并将所需的js、css和图片资源文件部署到Web应用的静态资源目录下。 2. **配置后台服务**:ueditor的图片和文件上传需要后台提供接口。...

    Ueditor百度编辑器JSP版

    - **下载与解压**:首先从官方渠道下载Ueditor的JSP版本,解压缩得到相应的文件夹。 - **服务器部署**:将解压后的`ueditor`文件夹放置在Web应用的`WEB-INF`目录下的`jsps`或`resources`文件夹内,确保编辑器的静态...

    百度ueditor编辑器jsp版本

    "ueditor_mini1_0_0-utf8-jsp"这个压缩包包含了UEditor的JSP版本,解压后,开发者需要将相关静态资源(如js、css、image文件)部署到Web应用的相应目录下。 3.2 配置与初始化 在JSP页面中,通过JavaScript代码调用...

    UEditor1_4_3_3-utf8-jsp(UAP2.8版适用) 富文本编辑器

    总的来说,将UEditor1_4_3_3-utf8-jsp集成到UAP2.8版中涉及了前端和后端的调整,包括但不限于前端资源的引用、后端Servlet的配置、以及与UAP平台兼容性的修改。这个过程需要对Java、jsp和UAP有深入理解,以确保...

    富文本编辑器Ueditor的Jsp版本Demo

    1. **下载与解压**:首先从Ueditor官网下载JSP版本的源码包,然后将其解压到本地。 2. **导入Eclipse**:将解压后的文件夹导入到Eclipse工程中,确保所有必要文件都在工程结构内。 3. **配置Web.xml**:在Web应用...

    ueditor1.4.3.jsp在Myeclipse下部署好的实例

    本实例主要探讨的是ueditor1.4.3版本在Myeclipse集成开发环境下的部署与应用,同时涵盖了图片上传、在线图片管理和附件上传等功能的实现。 一、ueditor1.4.3简介 ueditor1.4.3是该编辑器的一个稳定版本,它提供了...

    Jsp添加配置Ueditor

    本文将详细介绍如何在JSP(JavaServer Pages)中集成并配置Ueditor 1.43版本。 首先,我们需要下载Ueditor的最新版本,这里以1.43为例。解压缩后,你会得到一个包含多个文件夹和文件的结构,其中包括`editor`、`...

    ueditor_ jsp版_可上传图片

    1. **安装与部署**:下载UEditor的源码包,将其解压到Web应用的相应目录下,如`/WEB-INF/static/ueditor`,确保所有资源文件路径正确。 2. **配置文件**:UEditor的配置文件一般为`config.js`,其中可以设置编辑器...

    ueditor_release-ueditor1_4_3_1-utf8-jsp.zip

    - **utf8-jsp**:这个目录可能包含了UEditor的JSP版本的核心文件,包括JavaScript文件、CSS样式表、图片资源以及与JSP相关的配置文件。开发者需要将这些文件部署到服务器的相应目录,以便在JSP环境中正常工作。 5....

    UEditor 1.5.0

    在本篇中,我们将深入探讨UEditor 1.5.0的特性、安装与配置、使用技巧以及常见问题的解决方案。 ### 版本特性 1. **性能优化**:1.5.0版本着重于提高编辑器的响应速度和稳定性,使得在处理大量文本或图片时依然...

    ueditor1.4.3jsp utf-8版配置使用教程

    首先,你需要从官方网站或者可靠的源获取ueditor1.4.3 jsp版本的压缩包,并将其解压至你的项目目录下的WEB-INF目录的lib或WEB-INF/jsp目录,以便于访问和部署。 3. **配置路径** UEditor需要配置其服务器端的URL...

    jsp中使用ueditor示例

    1. **下载与引入**: 首先,你需要从UEditor官网下载最新版本的编辑器。在提供的压缩包文件"ueditor"中,包含了所有所需的JavaScript和CSS文件。将这些文件部署到你的JSP项目中的公共静态资源目录,比如 `/WEB-INF/...

    ueditor上传图片jsp方式

    总结来说,"ueditor上传图片jsp方式"项目是一个学习ueditor集成与图片上传功能的实例,涵盖了前端ueditor编辑器的使用,后端JSP处理图片上传请求,以及相关的安全性和配置知识。通过这个项目,开发者可以深入理解...

    ueditor完整实例jsp版(可上传图片、视频、文件)

    综上所述,这个"ueditor完整实例jsp版"涵盖了前端ueditor的使用、后端Java处理文件上传、JSP页面的构建等多个方面,是一个完整的Web开发示例,对学习和实践ueditor与Java结合的文件上传功能具有很高的参考价值。

    ueditor1.3.6-utf8版本,phpcms后台编辑器更换

    **正文** 标题 "ueditor1.3.6-utf8...在实际操作中,需要按照“必读.txt”中的指示进行安装和配置,同时根据PHPCMS的具体版本和需求调整ueditor.config.js中的参数,确保编辑器能正常工作并与其他系统功能协调一致。

    ueditor编辑器增加导入word

    具体部署步骤如下: 1、下载WordConvertHtml插件 将WordConvertHtml目录放入百度编辑器目录下,如:/public/vendor/ueditor/plugin 2、在引用百度编辑器的页面引用插件路径  charset="utf-8" src="/public/vendor...

    Ueditor编辑器java版(Jsp)

    - 分离静态资源:将Ueditor的JavaScript和CSS文件部署到CDN,减少服务器压力,加快用户访问速度。 7. **实际应用场景** - 内容管理系统:用于文章编辑和发布,方便非技术背景的用户编辑网页内容。 - 论坛和评论...

Global site tag (gtag.js) - Google Analytics