在后臺編輯頁中經(jīng)常要用到富文本編輯器荆隘，比較常用的就是百度的開源插件ueditor,為了快速，沒有看文檔赴背，直接百度椰拒，被坑了一個下午，也給了自己一個警醒凰荚，““欲速則不達”燃观，百度的好多東西都是別人不會把場景說的很清楚的，凡是還是先看看文檔才是比較實在的便瑟。弄了一個下午仪壮，結(jié)合文檔，才終于搞通胳徽。我的ueditor版本是1.4.3 UTF8版本
一，大概流程
前端html爽彤，在script 中加個name='content'? 就可以在后臺通過$_POST['content']獲取這個富文本的值
（后臺取出來的值）
前端js
?// 處理富文本window.UEDITOR_HOME_URL ="__PUBLIC__/Home/lib/ueditor/";//這個目錄就是放插件ueditor的目錄vareditor = UE.getEditor('editor');//初始化varv=$("#textarea_id").val();//把內(nèi)容顯示到富文本中editor.ready(function(){if(v!='') {? ? ? ? editor.setContent(v);? ? }});?
前端配置文件??ueditor.config.js
?varURL =window.UEDITOR_HOME_URL || getUEBasePath();//通過實例化的時候傳進來养盗，ueditor的目錄/**
? ? * 配置項主體。注意适篙，此處所有涉及到路徑的配置別遺漏URL變量往核。
? ? */window.UEDITOR_CONFIG = {//為編輯器實例添加一個路徑，這個不能被注釋UEDITOR_HOME_URL: URL// 服務(wù)器統(tǒng)一請求接口路徑嚷节，這個非常重要聂儒，不然就加載不到后端配置文件虎锚，也上傳不了圖片,serverUrl: URL +"php/controller.php"?
后端配置文件 php/config.json
{/* 上傳圖片配置項 */"imageActionName":"uploadimage",/* 執(zhí)行上傳圖片的action名稱 */"imageFieldName":"upfile",/* 提交的圖片表單名稱 */"imageMaxSize":2048000,/* 上傳大小限制，單位B */"imageAllowFiles": [".png",".jpg",".jpeg",".gif",".bmp"],/* 上傳圖片格式顯示 */"imageCompressEnable":true,/* 是否壓縮圖片,默認是true */"imageCompressBorder":1600,/* 圖片壓縮最長邊限制 */"imageInsertAlign":"none",/* 插入的圖片浮動方式 */一般修改下面兩個即可"imageUrlPrefix":"放訪問域名http:baidu.com",/* 圖片訪問路徑前綴 */"imagePathFormat":"/Uploads/ueditor/{yyyy}{mm}{dd}/{time}{rand:6}",//放上傳的圖片
二.排錯
刷新你的頁面衩婚，初始化的時候ueditor會去后臺請求配置的php/controller.php?action=config窜护，看看這個有沒有成功
?
如果這部不成功，訪問下http://域名/Public/Home/lib/ueditor/php/controller.php?action=config看看能不能得到j(luò)son數(shù)據(jù)非春，
一般是controller.php出錯或者config.json出錯柱徙。用瀏覽完訪問對應(yīng)文件就可以看出是否文件語法出錯，有時候找不到奇昙，就下載新的對應(yīng)的文件覆蓋即可护侮；
2.下載的ueditor的目錄結(jié)構(gòu)一般不要修改，它的文件加載是按照默認的目錄來加載的
?
例如：ueditor下面的目錄結(jié)構(gòu)是這樣的储耐，不能自己加一層目錄（我的代碼就是加了一層目錄導致文件加載不到）
總的來說羊初，使用這個插件修改的并不多，配置 EDITOR_HOME_URL是插件ueditor的目錄什湘，serverUrl是向后臺交流的接口路徑（ueditor/php/controller.php）长赞，還有就是在config.json配置上傳路徑即可。
附上：ueditor下載鏈接https://ueditor.baidu.com/website/download.html
?
