集成github上的ueditor百度富文本编辑器

目录

下载ueditor

安装node.js

安装grunt-cli

打包成部署版本

官方演示demo

---

下载ueditor

官方下载：https://github.com/fex-team/ueditor#ueditor

clone或解压后目录如下

安装node.js

官方下载：https://nodejs.org/en/download/

选择自己对应的版本安装，我选择的是win64 .msi，相同版本的小伙伴可以从网盘获取，官网下载速度实在感人

网盘链接：https://pan.baidu.com/s/1DjGUM_ee-nrbEqfEHG2Pkw

提取码：egss

一路傻瓜式next安装完成后，目录如下

命令窗运行npm -v，显示版本号表示安装成功

C:\Users\yuluo>npm -v
6.14.12

之前安装过node.js的小伙伴，切记要升级到最新的版本，不然之后安装grunt会有问题，升级命令如下

npm update -g npm

安装grunt-cli

将grunt命令行安装到全局环境中

C:\Users\yuluo>npm install -g grunt-cli

命令窗运行grunt -version，显示版本号表示安装成功

C:\Users\yuluo>grunt -version
grunt-cli v1.4.2

打包成部署版本

进入到ueditor目录，安装依赖

F:\ueditor\\ueditor-dev-1.5.0>npm install

开始打包

F:\ueditor\ueditor-dev-1.5.0>grunt default

打包成功后，在ueditor目录内会生成一个dist目录

dist / utf8-php里的内容就是实际要用的

官方演示demo

在实际部署目录内创建demo.html文件，填入下面的html代码

用浏览器打开demo.html，大功告成！