ThinkPHP與UEDItor

1、如有你有幫助，請購買下載，謝謝！相信很多人現(xiàn)在還在用著 FCkeditor ，以前我也在用，可是后來發(fā)現(xiàn)百度的 Ueditor 之后，發(fā)現(xiàn)， Ueditor 比 Fckeditor 更好 看，操作性上也比 Fckeditor 好多了，所以還是嘗試著使用 ueditor ，但是在 ThinkPHP框架下使用 ueditor 還是遇到了一些問題，也 花費(fèi)了一些時間去解決這些問題，這樣，在這里寫一個關(guān)于 ThinkPHP下使用 ueditor 的教程，給需要使用的人。1 、在網(wǎng)站的根目錄下建一個“Public ”的文件夾， 這個文件夾在 ThinkPHP 中可以用 _PUBLIC_來替換，所以這樣方

2、便我們程序的編寫，然后將 ueditor 文件放到這個文件夾中。2 、在我們需要使用 ueditor的模板文件中導(dǎo)入ueditor所要使用的 js 和 css ，例如，我在 App/Tpl/default/Venter/createvent.html中添加以下代碼：htmlview plaincopy1.<scripttype="text/javascript"src="_PUBLIC_/ueditor/editor_config.js"></script>2.<scripttype="text/javascrip

3、t"src="_PUBLIC_/ueditor/editor_all.js"></script>3.<linkrel="stylesheet"href="_PUBLIC_/ueditor/themes/default/ueditor.css"/>3 、配置 Ueditor相對于網(wǎng)站根目錄的位置， 這里我建議使用絕對路徑，即類似于 http:/localhost:1080 這 樣的路徑，因?yàn)樵诰W(wǎng)站項目的開發(fā)中，很多地方會用到 ueditor ，但是由于所用到的位置不同便導(dǎo)致當(dāng)前目錄和服務(wù)器根目錄的

4、相對路徑變化， 也就使得 ueditor 無法使用，例如，我配置的路徑 （配置文件 :ueditor 目錄下的 editor_config.js ），將一下代碼進(jìn)行替換：javascriptview plaincopy1. URL= tmp.substr(0,tmp.lastIndexOf("/")+1).replace("_examples/","");/ 這里你可以配置成 ueditor 目錄在您網(wǎng)站的相對路徑或者絕對路徑（指以 http 開頭的絕對路徑）替換成：javascriptview plaincopy1.URL =&qu

5、ot;"4 、下面便是一個對表單的使用的應(yīng)用：1 頁如有你有幫助，請購買下載，謝謝！htmlview plaincopy1.<form action="_ROOT_/index.php/Venter/ventChk"method="post">2.<scripttype="text/plain"id="Vent"style="width:500px;"></script>3.<inputtype="checkbox"name

6、="opened"value="1"/> 公開發(fā)表4.<inputtype="submit"value=" 發(fā)泄 " />5. </form>6. <!- 注冊百度 ueditor->7. <scripttype="text/javascript">8.vareditor= new9.toolbars:'Spechars','Emotion','InsertImage','Bold

7、9;,'Italic','ForeColor','FontFamily','FontSize',/自定義 ueditor 工具欄10.initialContent:'<spanstyle="color:#ccc">點(diǎn)擊這里發(fā)泄吧 </span>',11.minFrameHeight:100,/初始化框架大小12.autoFloatEnabled:false,/ 工具欄自動浮動 - 關(guān)閉13.textarea:'myVent'/form表單將通過該參數(shù)獲得表

8、單提交的數(shù)據(jù)14.);15.editor.render("Vent");16.</script>17.<!-百度 Ueditor注冊完畢 ->如上面代碼所示，可以通過$_POST'myVent' 來獲取 Ueditor編輯區(qū)的內(nèi)容。5 、在 Thinkphp 中如何去使用呢？首先要先將得到的內(nèi)容提交進(jìn)行轉(zhuǎn)義，這里我們使用以下代碼：phpview plaincopy1.$content=htmlspecialchars(stripslashes(POST'myVent');這之后的操作便是將 $content 插入到數(shù)據(jù)

9、庫中（這里不再多說）。6 、從數(shù)據(jù)中提取數(shù)據(jù)并進(jìn)行轉(zhuǎn)義使得內(nèi)容可以正常顯示：phpview plaincopy2 頁如有你有幫助，請購買下載，謝謝！1.$vent=newVenterModel;2.$list=$vent->select();3.$this->assign("list",$list)這樣在相應(yīng)的 html 模板中可以這樣來顯示內(nèi)容：htmlview plaincopy1.<volistname="list"id="vo">2. $vo.content|htmlspecialchars_decode3. </volist>這里用到了 thinkphp 模板的一個用法，即可以在模板中使用函數(shù)，這里便使用了函數(shù) htmlspecialchars_decode 來對 $vo,content 進(jìn)行轉(zhuǎn)義 , 上面的代碼可以看成是這樣：htmlspecialchars_decode($vo.content)，在這里的這個方法的選擇上我用了很長時間，當(dāng)時沒有考慮到這個方法，當(dāng)時只是想著，由于htmlspecialchars_decode函數(shù)接受的傳值不