最近在使用PHP写个人博客时,需要使用图文上传,首选了百度ueditor,折腾了半天才引入自己的后台:
1、下载一个UEditor文本编辑器(http://ueditor.baidu.com/website/download.html#ubuilder),把文件引入自己的项目中。
2、在需要文本编辑器散文html文件中引入两个js文件,一个是ueditor.config.js,另一个是ueditor.all.js
(注意:路径和顺序一定不要错,先引入ueditor.config.js文件,再引入ueditor.all.js文件,不然会出现错误)
3、创建一个文本编辑区,一定要注意id属性,应为在实例化UE对象的时候要用到(这个文本编辑区就是放UE编辑器的地方,需要哪个页面显示,就在哪个页面中放个div标签,然后在设置它的位置,大小属性)
4、最后一步,实例化UE对象,什么是实例化呢,说白了就是打声招呼,“喂,UE老兄,我要用你了,你准备一下”,这一步要写在js中
(getEditor()函数重的参数,就是刚刚创建文本编辑器时的id属性)
另附百度图片:
小V