UEditor的配置和使用(单独图片与文件上传)

最新推荐文章于 2024-08-12 23:08:35 发布

Amayadream

最新推荐文章于 2024-08-12 23:08:35 发布

阅读量1w

点赞数 1

分类专栏： UEditor Java 文章标签： jsp ueditor 单独图片上传单独文件上传

本文链接：https://blog.csdn.net/Amayadream/article/details/47285209

版权

本文档详细介绍了如何配置和使用UEditor，包括JSP版本的下载、部署和测试，以及图片和文件的上传配置。针对图片上传，提供了如何单独使用图片上传功能并解决输入框获取图片地址问题的解决方案；对于文件上传，同样给出了配置步骤，并展示了如何实现在线管理图片的功能。同时，文中还提到了在线管理功能存在的bug。

摘要由CSDN通过智能技术生成

UEditor配置与使用

一.准备

1.下载
前往UEditor官网下载最新版,分为php,asp,jsp和.net四种版本,当然也可以直接下载完整版,这里以jsp为例

http://ueditor.baidu.com/website/

2.部署
直接拷贝ueditor目录到项目根目录下,打开ueditor/jsp/lib,将里面的jar包拷贝到WEB-INF/lib目录下
这里要注意和原本的jar包之前可能会发生版本冲突,请自行选择

3.测试
按照下列代码,引入ueditor.config.js和ueditor.all.js两个文件,初始化文本或者定义文本域都可以,实例化编辑器.如果看到ueditor编辑器说明部署成功.

    <script id="container" name="content" type="text/plain">
        这里写你的初始化内容
    </script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor(