grunt打包UEditor示例

本文记录了使用grunt打包百度UEditor的详细步骤,包括从下载完整源码到安装nodejs,配置grunt环境,直至最后成功打包。过程中遇到的'grunt'命令未配置环境变量的问题,通过安装grunt-cli并配置环境变量得以解决。完成打包后,ueditor目录下生成了dist/目录,包含了打包后的ueditor文件夹。此外,还提到了在执行打包命令时可选的编码和后台语言参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       这是百度给出的一个UEditor,正好用的grunt打包,但我经过一步步操作后没有成功,最终解决。记录下来供以后备用,很初步,以后再完善。

 

先来百度给的内容:

  1. 线上下载ueditor
    • 下载地址:ueditor,要下载"完整版 + 源码"
  2. 安装nodejs

    • 下载 nodejs 并安装到本地
    • 安装成功后,打开控制台,在控制台下输入
       node -v

          如果控制台输出nodejs的版本。那恭喜你,nodejs安装好了。

 

3.安装打包需要的grunt插件

  • 以终端方式(windows用户用cmd)进入ueditor源码根目录,执行
     npm install
  • 这个命令会根据package.json文件,安装打包需要的grunt和grunt插件
  • 安装结束后,会在ueditor目录下出现一个node_modules文件夹

4.执行打包命令

  • 以终端方式(windows用户用cmd)进入ueditor源码根目录,执行
     grunt
  • 这个命令会根据Gruntfile.js执行打包打包的任务,运行过程 需要java环境 支持

  这时会提示‘grunt’不是内部或外部命令,也不是可运行的程序或批处理文件。这个提示很明了“grunt没配置环境变量”。执行命令“npm install -g grunt-cli”,完成配置,之后执行命令“grunt -version”如果输出了grunt的版本说明配好了。这个问题解决了,就可以继续完成打包了。

 

5.执行打包

 以终端方式(windows用户用cmd)进入ueditor源码根目录,执行

grunt --encode=utf8 --server=jsp

命令完成后,ueditor目录下会出现dist/目录,里面有你要的打包好的ueditor文件夹。

执行打包grunt命令时,可以传入编码和后台语言的参数

 

  1. 支持两种编码指定:--encode参数
    • utf8 (默认编码)
    • gbk
  2. 提供四种后台语言支持:--server参数

    • php (默认语言)
    • jsp
    • net (代表.net后台)
    • asp

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值