蜗牛笔记ueditor使用——找不到ueditor.all.js以及ueditor.all.min.js文件

这个问题困扰了我两个小时,总算搞明白是怎么回事了,记录一下,希望能够给需要的人一些帮助

首先,下载ueditor

官方下载地址:
ueditor下载地址

由于github下载速度太慢,我就选择clone到gitee上进行下载,速度M级,下载地址:
ueditor下载地址

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

安装依赖

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

执行 grunt default

需要事先安装好 grunt,如果没有,可以执行以下命令进行全局安装:(我在终端执行下面命令没成功,最后还是在Pycharm中执行成功了)
npm install -g grunt-clicnpm 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 目录下包含所有必须的文件:
在这里插入图片描述
只需要将这些文件全部拷贝到vue项目 static/ue 下即可,不需要做任何改动!

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

九思梦鹿

喜欢,请记得点赞或赞赏哟

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值