ueditor 上传图片配置

最新推荐文章于 2024-08-02 12:04:32 发布

ming_ming_mmm

最新推荐文章于 2024-08-02 12:04:32 发布

阅读量3w

点赞数 1

本文链接：https://blog.csdn.net/miao_mingming/article/details/81534674

版权

1.先下载ueditor http://ueditor.baidu.com/website/download.html

2.demo

<!DOCTYPE HTML>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <title>ueditor demo</title>
</head>

<body>
    <!-- 加载编辑器的容器 -->
    <script id="container" name="content" type="text/plain">
        这里写你的初始化内容
    </script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ueditor/lang/zh-cn/zh-cn.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
</body>

</html>

发送请求跳转到页面出现此页面标识引入成功

3.点击图片上传提示：后端配置项没有正常加载，上传插件不能正常使用！

测需要配置 2个地方

第二个地方

结果为：不过注意的是这个方式是保存在本地的tomcat下的地址为：http://192.168.1.87:8988/ssm_ueditor/upload/20180809/1533789716347035769.png

四。需要的pom.xml文件

<dependency>
           <groupId>com.baidu</groupId>
           <artifactId>ueditor </artifactId>
           <version>1.4.3.3</version>
       </dependency>

<dependency>
           <groupId>org.json</groupId>
           <artifactId>json</artifactId>
           <version>20160810</version>
       </dependency>

       <dependency>
           <groupId>commons-fileupload</groupId>
           <artifactId>commons-fileupload</artifactId>
           <version>1.3.1</version>
       </dependency>