tomcat项目访问非项目内资源文件——使用wangEdiotr富文本框上传图片至本地磁盘有感

本文链接：https://blog.youkuaiyun.com/qnjksy/article/details/86536866

我之前用过一个富文本框KindEdiotr，当时用这个富文本框上传图片只能上传到项目目录下，上传到本地磁盘则访问不到，于是每次打包都需要先把这个图片文件夹复制出来，防止丢失，随着项目使用，图片文件夹越来越大，给每次部署都带来麻烦，甚至因为有人不知道这个文件而不小心误删了，当时时间太紧一直没能解决，最近我用了一个新的富文本插件叫做wangEditor，在做这个上传图片功能的时候我终于解决了这个问题，以下是这个问题的记录。

1.简单记录下wangEditor的使用

（1）引入js文件

（2）js代码如下



       $(document).ready(function() {
           var E = window.wangEditor;
            //这里的id为<div id="editor"中的id.
            var editor = new E('#editor');
            editor.customConfig.onchange = function (html) {
                //富文本框数据变化时触发
         
            }
            //设置富文本框toolbar
            editor.customConfig.menus = [
                'head',  // 标题
                'bold',  // 粗体
                'fontSize',  // 字号
                'fontName',  // 字体
                'italic',  // 斜体
                'underline',  // 下划线
                'strikeThrough',  // 删除线
                'foreColor',  // 文字颜色
                'backColor',  // 背景颜色
                'link',  // 插入链接