1.首先我们要去官网下载UEditor编辑器，选择语言，这里我用的是php utf-8版本（转自李老师）

2.下载完成之后解压文件，将解压的文件放到我们的网站目录里面

3.ueditor/utf8-php目录下面有个index.html，也就是官方做的demo

 

 

可以打开这个demo看一下源代码，它的功能非常多，我们要用的时候选择自己想用的功能使用就可以了。

4.下一步我们自己建一个页面来测试

5.在页面内引入以下三个JS文件，注意根据自己的文件位置修改路径：

6.然后在页面要显示编辑器的地方写入以下代码，可以修改宽度高度，注意要取一个唯一id：

7.在页面最后嵌入JS来实例化出编辑器：

其中getContent()函数是我们取的其中一个功能，就是获取编辑器中的内容（包含html代码）。

8.其中以下这句代码是实例化编辑器，注意id是和第6步里面的id一致

 var ue = UE.getEditor('editor');  

9.如果要修改路径，可以在ueditor.config.js文件中修改

window.UEDITOR_HOME_URL = "/xxxx/xxxx/";

10.编辑器默认上传的图片在ueditor\php\upload\image里面

11.要修改图片的上传存储路径可以在ueditor\utf8-php\php路径下config.json文件里面修改

"imagePathFormat": "/zuoye/chajian/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */