富文本编辑器ueditor——找不到ueditor.all.js以及ueditor.all.min.js文件

Dear 丶 2022-11-07 13:17 256阅读 0赞

首先，下载ueditor  
官方下载地址：  
[ueditor下载地址][ueditor]

由于github下载速度太慢，我就选择clone到gitee上进行下载，速度M级，下载地址：  
[ueditor下载地址][ueditor 1]

注意：下载的ueditor源码并没有ueditor.all.js文件

安装依赖  
在下载好的项目目录下执行 npm install 安装依赖，或者使用淘宝源 cnpm install 安装依赖，速度快很多（不过需要事先安装淘宝cnpm）

执行 grunt default  
需要事先安装好 grunt，如果没有，可以执行以下命令进行全局安装：（我在终端执行下面命令没成功，最后还是在Pycharm中执行成功了）  
npm install -g grunt-cli 或 cnpm install -g grunt-cli

但是，安装 grunt 还有一个前提，grunt 依赖 node.js，所以需要事先安装node.js，使用命令 node 查看是否安装

现在，可以在 ueditor 目录下执行 grunt default 命令了，执行完后会在 ueditor 目录下生成一个 dist 目录

为什么要执行 grunt default 这个命令，它有什么作用呢？

通过浏览UEditor官方文档，我了解到 ueditor 源码每个目录、文件的作用。其中Gruntfile.js 是 grunt 执行的任务文件，用来把源码包打包成部署版本，而 ueditor.all.js 是开发版代码合并的结果，是目录下所有文件的打包文件。所以，得出结论：需要执行 grunt default 将源码文件打包，同时会生成 ueditor.all.js 文件！

复制必要的ueditor文件到vue项目目录中  
在 ueditor\\dist\\utf8-php 目录下包含所有必须的文件：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70][]

只需要将这些文件全部拷贝到vue项目 static/ue 下即可，不需要做任何改动！

转载地址：[https://blog.csdn.net/WU2629409421perfect/article/details/113477005?utm\_medium=distribute.pc\_relevant.none-task-blog-baidujs\_title-0&spm=1001.2101.3001.4242][https_blog.csdn.net_WU2629409421perfect_article_details_113477005_utm_medium_distribute.pc_relevant.none-task-blog-baidujs_title-0_spm_1001.2101.3001.4242]

[ueditor]: https://github.com/fex-team/ueditor
[ueditor 1]: https://gitee.com/ximury/ueditor
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70]: /images/20221023/394a2a911c7e49169cd2734964899c1c.png
[https_blog.csdn.net_WU2629409421perfect_article_details_113477005_utm_medium_distribute.pc_relevant.none-task-blog-baidujs_title-0_spm_1001.2101.3001.4242]: https://blog.csdn.net/WU2629409421perfect/article/details/113477005?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242