用心将技术和服务遍布全中国
乃至世界...

我们坚信
无论您在哪里
我们都能为您提供优质的服务!

请您致电
15890020190

随缘编译百度编辑器ueditor-dev-1.5.0编译版细节流程

2019-01-06 12:46:04 编辑:admin 当前栏目:建站知识 错误报告

使用grunt打包源代码

随着 nodejs 和 grunt 的火爆,UEditor 采用了 grunt 来作为线下的合并打包工具,支持编码和后台语言指定。

支持版本

支持 UEditor 1.3.0+ 的版本

使用方法

  1. 线上下载ueditor

    • 下载地址:ueditor,要下载"完整版 + 源码"

    • 也可以去 https://github.com/fex-team/ueditor


  2. 安装nodejs

    • 下载 nodejs 并安装到本地

    • 安装成功后,打开控制台,在控制台下输入  

       node -v
    • 如果控制台输出nodejs的版本。那恭喜你,nodejs安装好了,可以使用ctrl+c退出node模式.

      image.png

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

    • 以终端方式(windows用户用cmd)进入ueditor源码根目录,执行  (我的是在d盘根目录ueditor文件夹下)

      先运行D:指向d盘根目录  在运行 CD ueditor

      image.png

    • 执行下面命令

    •  npm install

      image.png

    • 这个命令会根据package.json文件,安装打包需要的grunt和grunt插件

    • 安装结束后,会在ueditor目录下出现一个node_modules文件夹

      image.png

  4. 执行打包命令

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

       grunt
    • 这个命令会根据Gruntfile.js执行打包打包的任务,运行过程 需要java环境 支持

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

    • 命令完成后,ueditor目录下会出现dist/目录,里面有你要的打包好的ueditor文件夹,默认是utf8-php文件夹

      image.png

打包其他版本

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

  1. 支持两种编码指定:--encode参数

    • utf8 (默认编码)

    • gbk

  2. 提供四种后台语言支持:--server参数

    • php (默认语言)

    • jsp

    • net (代表.net后台)

    • asp

例如:想要打包成编码是gbk,后台语言是asp版本,可执行命令:

grunt --encode=utf8 --server=php
grunt --encode=gbk --server=php

grunt --encode=utf8 --server=asp
grunt --encode=gbk --server=asp

grunt --encode=utf8 --server=jsp
grunt --encode=gbk --server=jsp

grunt --encode=utf8 --server=net
grunt --encode=gbk --server=net


配置需要另外根据情况收费,如有需要,请联系站长QQ:385079136
本站文章均为随缘小居网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询