【学习笔记】 ueditor在nodejs中使用

萌新在学nodejs，虽然听别人说这个百度的富文本已经没用了，但是会一样东西还是不错的，这里也是搞了好久，自己终于搞懂了，写下笔记

首先安装下需要的环境

npm i express body-parser art-template express-art-template

创建需要的文件夹 views，public，upload

创建app.js进行配置

在views下创建文件index.html,把ueditor拉进去，现在的github上的ueditor已经和大部分教程的不一样了，我自己又是新手不会用，所以去网上找了jsp的版本(这东西在fastadmin里面要10大洋，我还付钱了…买的还是umditor，ue的阉割版)


配置服务器主页

app.get('/', (req, res) => {
    res.render('index.html')
})

启动服务器

点击输入框后单图无法上传，且多图报错

这时候下载ueditor的配置环境

npm install ueditor --save

创建ueditor.js并且配置，暴露给app.js


这时候页面的报错会更改

然后我们根据文档在ueditor写入内容，并创建你自己存文件的文件目录

然后也同样更改文档说的

修改为ue

这个时候保存，去页面查看，你会发现报错又变了

这里是找不到ue
我们再次回到ueditor.config.js
进行修改，这里不再是一开始的controller.jsp，具体不知道怎么说，但是可以打开config.json看一眼应该就知道了

然后刷新页面

报错都没有了，但是没法上传图片，会报http的错

我们再改回ue，打开控制台，打开network（网络），里面找config.json


我们可以发现，地址栏不对，这就是只改ue报错的原因，官方文档上也只写了修改成ue，这里给我找错，找了好久。
这时候我们需要修改这里

这是我的目录

ueditor文件修改位置

同样的ueditor.config.js


此处为根目录，如果你的ueditor在header这个目录里面，那就变成/header/ueditor/
然后我们再次打开刷新页面，报错会再次改变，这也是最后一次报错

这里报错的地方为

我们也需要修改他们的目录位置，但是并不是找ueditor.config.js，而是jsp里面的config.js,这里官网说的是找ueditor.config.js，也是让我找了好久

之后就可以上传图片了，而且单图也可以上传了

然后测试的时候发现自己保存地址写错了，应该是这样的

然后我们再次进入刷新页面

已经没有报错了，而且我们也可以上传图片了

单图
多图

本地文件

就写到这里了，如果又错误请大佬指正，如果喜欢，点一个赞把，在这里谢谢了