2015年6月28日 23:08:49 星期日

效果:

开搞;)

首先: 百度官网上下载 umeditor 简版的富文本编辑器()

然后: 解压放到自己的项目中, 配置服务器, 保证能在浏览器端加载到js,css,image...

最后: 准备好上传图片的程序, 我这里是用PHP直接上传到了七牛上

html (在第24~32行, 初始化一些配置, 不用去修改umeditor.config.js了)

1  2  3  4      5     
      6     
      7      8      9     10     11     12 13 14 
     15 18     获得内容 19     写入内容 20     是否有内容 21 55 56 

PHP 上传图片代码

1     //富文本编辑器上传功能 2     public function umeditor_upimage() 3     { 4         $callback = $this->G('callback'); 5  6         $info = $this->getLib('QiNiu')->upImage('upfile', 'umeditor'); 7         $r = array( 8             "originalName" => $info['file_name'], 9             "name" => $info['qiniu_name'],10             "url" => $info['qiniu_url'],//不能少11             "size" => $info['size'],12             "type" => $info['extension'],13             "state" => 'SUCCESS' //不能少14         );15         if($callback) {16             echo '';17         } else {18             echo json_encode($r);19         }20     }