PHP集成百度Ueditor 1.4.3

時間 2019-12-01

標籤 php 集成百度 ueditor 1.4.3 欄目 PHP 简体版

原文原文鏈接

下載安裝javascript

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

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

解壓文件到你的項目前端

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

<body>
    <!-- 加載編輯器的容器 -->
    <script id="container" name="content" type="text/plain">
        這裏寫你的初始化內容
    </script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="ueditor.config.js"></script>
    <!-- 編輯器源碼文件 -->
    <script type="text/javascript" src="ueditor.all.js"></script>
    <!-- 實例化編輯器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
</body>

瀏覽你的頁面，便可見Ueditor 。是否是很簡單的說。git

配置Ueditorgithub

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

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

前端配置項：官方提供了兩種配置方法，靜態配置、動態配置。後端

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

動態配置：即在實例化UE的時候，經過動態傳入配置參數。

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

後端配置項：
在這裏先說一下UE的請求：UE全部的操做都是經過get方式請求serverUrl傳遞action變量的值來進行下一步操做。獲取配置、上傳圖片、獲取圖片等等其它的操做。

UE默認是經過讀取目錄下的ueditor.config.js 中的serverUrl 參數而後經過get方法傳遞action=config來獲取後端的配置項的。默認請求是：serverUrl?action=config 來獲取配置項的。serverUrl 能夠在前端頁面動態配置和ueditor.config.js靜態配置都是能夠的。

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

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

集成

前面已經說過了UE全部的操做都是經過get方式請求serverUrl傳遞action變量的值來進行下一步操做。獲取配置、上傳圖片、獲取圖片等等其它的操做。瞭解了這一點，對於集成PHP。或者其它的語言都很簡單了。具體代碼能夠參考官方提供的Demo。

htmlspecialchars_decode() 函數把預約義的 HTML 實體轉換爲字符。

會被解碼的 HTML 實體是：

& 解碼成 & （和號）
" 解碼成 " （雙引號）
' 解碼成 ' （單引號）
< 解碼成 < （小於）
> 解碼成 > （大於）

htmlspecialchars_decode() 函數是 htmlspecialchars() 函數的反函數。

把預約義的 HTML 實體轉換爲字符：

<?php
$str = "Bill & 'Steve'";
echo htmlspecialchars_decode($str, ENT_COMPAT); // 只轉換雙引號
echo "<br>";
echo htmlspecialchars_decode($str, ENT_QUOTES); // 轉換雙引號和單引號
echo "<br>";
echo htmlspecialchars_decode($str, ENT_NOQUOTES); // 不轉換任何引號
?>

以上代碼的 HTML 輸出以下（查看源代碼）：

<!DOCTYPE html>
<html>
<body>
Bill & &#039;Steve&#039;<br>
Bill & 'Steve'<br>
Bill & &#039;Steve&#039;
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。