小編最近做了一個項目，在用戶發表文章的模塊上，考慮到用戶編寫文章時的排版需求。要借助富文本編輯器。搜索發現，現在有很多免費的編輯器插件。例如：百度的Ueditor、Summernote 。但是這幾個插件的入手難度比較高，而且文檔說明不詳細。

最后發現一個國內的編輯器wangEditor，配置起來非常簡單，漂亮的UI，而且開發者很用心的寫了詳細的文檔說明。在這里也算是一個推薦吧，對于我這種剛剛接觸 富文本編輯器的小白來說，能夠馬上使用，馬上看到效果。何嘗不是天下一大幸事。

1.png

對于編輯器的基本配置，大家可以參考文檔說明，我在此就不一一贅述。

而在“ 圖片上傳 ” 環節，困擾我許久。由于我使用的是php作為服務器端的接收語言。恰巧開發文檔中對于php這一塊沒有做過多說明。我反復調試，依然不能很好的接收到圖片。沒辦法只能百度，也順利的在一篇文章中找到了問題所在，非常感謝這位博主的分享：http://www.2cto.com/kf/201605/507003.html

接收 圖片上傳 的配置流程：

1.第一處配置：

editor.config.uploadImgUrl = 'upload.php';

注意：這里的upload.php，是指在服務器上，用于接收圖片的文件。

(重點，千萬別當成服務器接收圖片的文件夾。)

2.第二處配置：

editor.config.uploadImgFileName = 'myFileName';

// 統一指定文件名，類似于標簽的name屬性，文檔中有說明。

3.簡單的 upload.php 腳本：

$imgInfo = $_FILES['myFileName'];

// 圖片名稱

$oldname = $imgInfo['name'];

// 臨時文件

$tmp_name = $imgInfo['tmp_name'];

// 錯誤信息

$error = $imgInfo['error'];

// 分割字符串，得到數組。

$temp = explode(".",$oldname);

// 用時間戳 + 文件后綴 重命名文件。

$newname = time().".".$temp[count($temp)-1];

// 在服務上移動圖片到指定目錄。

move_uploaded_file($tmp_name,'backend/uploads/'.$newname);

// 返回圖片路徑，類似ajax的響應流程。

echo $dir = "backend/uploads/".$newname;

ps：到這里就完成配置，可以上傳圖片了。在編輯器中進行圖文并茂的排版了。( 不推薦，直接復制粘貼。)

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的php中html富文本编辑器,php + wangEditor 富文本编辑器的配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。