UEditor容器化部署

UEditor容器化部署

下载JSP压缩包：

链接: https://github.com/fex-team/ueditor/releases

---

UEditor 介绍

• UEditor
  是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

---

后端配置：JSP 使用

解压包到目录：

root@Ubuntu-docker:~# mkdir tomcat-ueditor
root@Ubuntu-docker:~# cd tomcat-ueditor
root@Ubuntu-docker:~/tomcat-ueditor# cp ~/ueditor1_4_3_3-utf8-jsp.zip .
root@Ubuntu-docker:~/tomcat-ueditor# unzip ueditor1_4_3_3-utf8-jsp.zip .
root@Ubuntu-docker:~/tomcat-ueditor# ls
ueditor1_4_3_3-utf8-jsp.zip  utf8-jsp

修改文件配置

• 修改图片访问路径指定到本机

root@Ubuntu-docker:~/tomcat-ueditor# cd utf8-jsp/jsp
root@Ubuntu-docker:~/tomcat-ueditor/utf8-jsp/jsp# ls
config.json  controller.jsp  lib
root@Ubuntu-docker:~/tomcat-ueditor/utf8-jsp/jsp# vim config.json
/* 前后端通信相关的配置,注释只允许使用多行方式 */
{
    /* 上传图片配置项 */
    "imageActionName": "uploadimage", /* 执行上传图片的action名称 */
    "imageFieldName": "upfile", /* 提交的图片表单名称 */
    "imageMaxSize": 2048000, /* 上传大小限制，单位B */
    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
    "imageUrlPrefix": "http://192.168.10.232:8080/utf8-jsp/", /* 图片访问路径前缀 */
    "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
                                /* {time} 会替换成时间戳 */
                                /* {yyyy} 会替换成四位年份 */
...

编写dockerfile

root@Ubuntu-docker:~/tomcat-ueditor/utf8-jsp/jsp# cd ~/tomcat-ueditor
root@Ubuntu-docker:~/tomcat-ueditor# vim dockerfile
root@Ubuntu-docker:~/tomcat-ueditor# cat dockerfile
#基础镜像
FROM tomcat

#指定工作路径
WORKDIR /usr/local/tomcat/webapps/utf8-jsp

#将路径目录下的所有文件COPY到工作目录下
COPY utf8-jsp /usr/local/tomcat/webapps/utf8-jsp

#RUN指令
RUN cp -r /usr/local/tomcat/webapps/utf8-jsp/jsp/lib/*.jar /usr/local/tomcat/lib

#启动容器
CMD ["catalina.sh", "run"]

创建镜像

• docker build --tag <镜像名称> <运行的路径>

root@Ubuntu-docker:~/tomcat-ueditor# docker build --tag ueditor:14.3.3 /root/tomcat-ueditor/
root@Ubuntu-docker:~/tomcat-ueditor# docker images
REPOSITORY               TAG       IMAGE ID       CREATED         SIZE
ueditor                  14.3.3    d660c89204d3   7 seconds ago   658MB
tomcat                   latest    feba8d001e3f   11 days ago     649MB
root@Ubuntu-docker:~/tomcat-ueditor# docker run -dit --name ueditor  -p 8080:8080 ueditor:14.3.3
CONTAINER ID   IMAGE            COMMAND             CREATED         STATUS         PORTS                    NAMES
ab6d7ce52709   ueditor:14.3.3   "catalina.sh run"   6 seconds ago   Up 5 seconds   0.0.0.0:8080->8080/tcp   ueditor

网页访问

网页输入: http://192.168.10.232:8080/utf8-jsp/

测试

---