最近在使用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属性)

 

另附百度图片:

 

 

posted on 2017-07-16 14:31  肖薇  阅读(1622)  评论(0编辑  收藏  举报