`
fa610
  • 浏览: 10746 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

grunt打包UEditor示例

    博客分类:
  • Web
阅读更多

       这是百度给出的一个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

 

 

 

分享到:
评论

相关推荐

    [转]学会使用grunt打包前端代码

    《全面解析:使用Grunt打包前端代码》 在前端开发领域,随着项目复杂度的提升,手动管理代码变得越来越困难。这时,自动化工具的重要性就显现出来。Grunt,作为一个JavaScript任务运行器,就是解决这个问题的有效...

    grunt 打包工具 混淆工具

    除了打包和混淆,Grunt还可以执行诸如自动化测试(如`grunt-karma`)、代码质量检查(如`grunt-eslint`)、图像优化(如`grunt-contrib-imagemin`)等任务,构建流程中的每个环节几乎都可以找到对应的Grunt插件支持...

    grunt打包配置

    本文将详细介绍如何在 Windows 环境下配置 Grunt 打包环境,并提供一个基本的配置示例。 #### 二、环境搭建与配置 ##### 1. 安装 Node.js 及环境配置 根据给定内容,我们首先需要在 Windows 系统上安装 Node.js。...

    grunt项目构建样例

    **Grunt项目构建样例详解** 在Web开发中,项目构建是提高开发效率和优化生产环境资源的关键步骤。`Grunt`是一个JavaScript任务运行器,它允许开发者通过配置文件定义一系列自动化任务,如代码编译、文件压缩、单元...

    ueditor-dev-1.5.0

    在ueditor的构建过程中,Node.js提供了运行环境,Grunt则负责编译和打包ueditor的源代码,将复杂的开发流程简化,节省了开发者的时间和精力。 在实际使用ueditor时,开发者需要确保已经安装了Node.js和Grunt。安装...

    Grunt自动化加密js环境

    `lab`文件夹可能是包含实验或示例代码的地方,用于演示Grunt任务的实际运行。 总的来说,这个“Grunt自动化加密js环境”教你如何利用Grunt和相关的插件,创建一个自动化的JavaScript文件处理流程,包括混淆和加密,...

    grunt-workflow:简单完整的Grunt自动化示例

    咕的工作流程简单完整的Grunt自动化示例在此示例中,我们可以在一个CSS中编译所有SASS文件,并在一个JS文件中丑化所有javascript文件。 每个任务都分为一个JS文件,用于在Grunt JS中保留可维护的项目。 有趣的是,...

    grunt-electron-installer, 为电子应用构建 Windows 安装程序的插件插件.zip

    grunt-electron-installer, 为电子应用构建 Windows 安装程序的插件插件 电子安装程序Grunt插件 Grunt插件,为电子应用程序构建 Windows 安装程序,使用 Squirrel 。安装npm install --save-dev grunt-electron-...

    grunt-nsis:用grunt打包NSIS安装程序

    咕unt声用grunt打包NSIS安装程序

    liferay-grunt:我在当前 Liferay 6.2 项目中使用的 grunt 构建文件示例。 包括主题目录同步、SVG spriting、cachebreaker 等

    当前 Liferay 6.2 项目的 grunt 构建文件示例。 包含在这个 gruntfile 中: 保存时文件同步到Tomcat Javascript 连接和丑化 SVG 优化和精灵 基于版本的缓存破坏者 监视任务以触发 SASS 重新编译 要在 liferay 中...

    grunt:一个使用grunt的简单示例

    本示例将带你了解如何使用Grunt,通过一个简单的项目来体验其功能。 首先,让我们详细解释一下"grunt"是什么。Grunt是由Tom Dutton创建的,它基于Node.js平台,利用JSON格式的配置文件(名为`Gruntfile.js`)来定义...

    browserify-sample:学习 browserify、grunt 时的示例代码

    本项目"browserify-sample"是一个学习 Browserify 的示例,同时也涉及到 Grunt,这是一个自动化构建工具,可以帮助我们简化项目构建过程,例如自动编译、压缩代码等。 1. **Browserify 基础**: - **模块化**:...

    公式编译器简介原版UEditor KityFormula

    `Gruntfile.js`是自动化构建工具Grunt的配置文件,用于编译和构建项目;`package.json`记录了项目的依赖信息;`README.md`提供了项目的说明和使用指南;`common`目录可能包含了通用的JavaScript模块或资源。 通过...

    ueditor1_4_3

    开发者可以通过这些示例了解如何在自己的项目中集成和配置UEditor。 6. **配置文件**:编辑器的配置文件(如`config.js`)允许开发者根据需求调整UEditor的行为,比如设置初始内容、工具栏选项、上传参数等。 7. *...

    ueditor-dev-1.5.0.rar

    Gruntfile.js是自动化构建工具Grunt的配置文件,可以帮助开发者自动化执行编译、测试等任务,提升开发效率。package.json是npm包管理器的配置文件,列出了项目依赖的库及其版本,便于管理和更新依赖。 许可证文件`...

    GruntIntro:使用流行的自动化工具Grunt的简单示例

    GruntIntro是一个旨在引导...`GruntIntro`项目是一个学习Grunt的起点,提供了设置和运行基本Grunt任务的示例。通过实践这个项目,开发者能够掌握Grunt的基本用法,从而在日常开发中提升效率,实现更高效的项目构建。

    ueditor-1.4.3.3-完整版+PHP版本.zip

    4. `Gruntfile.js`:Grunt是JavaScript的任务自动化工具,此文件定义了构建、测试、压缩等任务,有助于项目的自动化管理。 5. `ueditor.parse.js`:这个文件是UEditor的解析模块,负责将HTML字符串解析为UEditor...

    grunt-release-package:从项目中发布打包版本的 Grunt 任务

    从项目中发布打包版本的 Grunt 任务 这个 grunt 插件仍在积极开发中,请谨慎使用! API(选项)和处理可能会发生变化。 入门 这个插件需要 Grunt ~0.4.5 如果您以前没有使用过 ,请务必查看指南,因为它解释了如何...

    grunt-cli模块

    **Grunt CLI模块详解** Grunt CLI(Command Line Interface)是Grunt的命令行界面工具,它是Grunt工作流程中的核心部分,允许开发者在终端中执行自动化任务。Grunt是JavaScript的世界里一个流行的构建工具,它能...

Global site tag (gtag.js) - Google Analytics