本篇內(nèi)容主要講解“PHP集成百度Ueditor1.4.3的方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“PHP集成百度Ueditor1.4.3的方法”吧!

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：主機域名、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、西藏網(wǎng)站維護、網(wǎng)站推廣。

最近很多群友都來問我怎么集成百度UE(ueditor 1.4.3)，實在回答不過來，所以在這寫一下集成百度UE的思路，本文內(nèi)使用的新版的UE1.4.3。

下載安裝

1.首先到官網(wǎng)下載新版的UE1.4.3
UE官方下載地址：http://ueditor.baidu.com/website/download.html#ueditor

這里我下載的是1.4.3PHP版本。下載你所使用的版本就行。

解壓文件到你的項目

2.部署.在前端Html頁面引入UE  所需的JS文件，然后使用getEditor 實例化

復(fù)制代碼 代碼如下:

   
   
   
   
   
   
   
   

 
瀏覽你的頁面，即可見Ueditor 。是不是很簡單的說。

配置Ueditor

UEditor 的配置項分為兩類：前端配置項 和 后端配置項。
前后端的配置統(tǒng)一寫在后端(PHP版本的config在php/config.json)，編輯器實例化時，異步讀取后端配置信息，覆蓋到前端的配置里。

后端獲取的配置項 > 實例化傳入的配置項 > ueditor.config.js文件的配置項

前端配置項：官方提供了兩種配置方法，靜態(tài)配置、動態(tài)配置。

靜態(tài)配置：即配置ueditor 目錄下的 ueditor.config.js  具體配置項就參考  http://fex-team.github.io/ueditor/#start-config

動態(tài)配置：即在實例化UE的時候，通過動態(tài)傳入配置參數(shù)。

復(fù)制代碼 代碼如下:

var ue = UE.getEditor('container', {
    //這里寫你的自定義配置項
    toolbars: [
        ['fullscreen', 'source', 'undo', 'redo', 'bold']
    ],
    autoHeightEnabled: true,
    autoFloatEnabled: true
});

后端配置項：
在這里先說一下UE的請求：UE所有的操作都是通過get方式請求serverUrl傳遞action變量的值來進行下一步操作。獲取配置、上傳圖片、獲取圖片等等其它的操作。

UE默認(rèn)是通過讀取目錄下的ueditor.config.js 中的serverUrl 參數(shù)然后通過get方法傳遞action=config來獲取后端的配置項的。默認(rèn)請求是：serverUrl?action=config 來獲取配置項的。serverUrl 可以在前端頁面動態(tài)配置和ueditor.config.js靜態(tài)配置都是可以的。

你可以測試你的網(wǎng)站下的路徑 ueditor/php/controller.php?action=config 是否正常返回了json格式(其它格式也可以，具體請看官方文檔)的后端配置內(nèi)容，格式大致如下。如果這個請求出錯，出現(xiàn)400、500等錯誤，編輯器上傳相關(guān)的功能將不能正常使用。

復(fù)制代碼 代碼如下:

{
    "imageUrl": "http://localhost/ueditor/php/controller.php?action=uploadimage",
    "imagePath": "/ueditor/php/",
    "imageFieldName": "upfile",
    "imageMaxSize": 2048,
    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"]
    "其他配置項...": "其他配置值..."
}

集成

前面已經(jīng)說過了UE所有的操作都是通過get方式請求serverUrl傳遞action變量的值來進行下一步操作。獲取配置、上傳圖片、獲取圖片等等其它的操作。了解了這一點，對于集成PHP?；蛘咂渌恼Z言都很簡單了。

到此，相信大家對“PHP集成百度Ueditor1.4.3的方法”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

標(biāo)題名稱：PHP集成百度Ueditor1.4.3的方法-創(chuàng)新互聯(lián)
文章鏈接：http://weahome.cn/article/ddgjig.html