推薦兩款在線文本編輯器
做博客或論壇系統的時候用的上的。我這裏是以php爲例子的
一 kindeditor
之前，我是用 kindeditor 的，很好很強大。部署簡單、支持文件上傳等，。怎麼用？在安裝包的demo文件裏面都有很詳細的例子了，我就不贅述了。下面只看兩個別人很少說到的問題。
/php/upload_json.php -- 對上傳的文件進行設置，包括路徑設置、文件名設置等。
/php/file_manager_json.php -- 把遠程文件抓取到本地
上面兩個文件都有下面這兩條語句：
//文件保存目錄路徑：上傳的文件就保存在這個目錄裏
$save_path = $php_path . '../attached/';
//文件保存目錄URL：上傳的文件返回的URL就是這個，然後我們拿到這個URL進行各種操作，包括寫入數據庫
$save_url = $php_url . '../attached/';
我們只需要改那兩個文件的這些語句就可以設置文件上傳路徑了。另外，這裏用的是相對於站點的路徑的
二 UEditor
在我看來，它有三個版本：①UE完整版、②UM迷你版、③UB定製版
以前我也下載過，那時候的安裝包裏面沒有demo文件，我也沒深入研究，所以那時候不會用。今天試了一下，UE完整版和UB定製版的安裝包裏面都有很好的demo文件，用起來很簡單。而它的官網裏面也有部署說明，另外，UE和UB的用法是一樣的。不過，美中不足的就是UM迷你版沒有demo文件，也沒有部署說明，網上查了一下，也只有UE完整版、UB定製版的例子，沒有UM的。
注意了，現在是重點。我先是按照UE完整版的部署說明去部署UM的，結果行不通，有些細微的差別的。好在，官網有UM的在線演示，我就在瀏覽器裏查看那個在線演示的源碼，學着去部署我的UM，結果好像行了，最後還有一個問題，就是上傳圖片不行。最後，我在結合UE的部署說明，綜合了一下，終於弄出來了。
現在，附上核心部署代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>UEditorMINI</title>
<link href="themes/default/css/umeditor.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="umeditor.min.js"></script>
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
</head>
<body>
<script type="text/plain" id="editor" style="width:50%;height:500px;"></script>
<script type="text/javascript">
var ue = UM.getEditor('editor');
</script>
</body>
</html>下面，我們來看看UM的上傳文件的設置：在這個文件裏面設置的：/php/imageUp.php
//上傳配置：上傳的文件返回的URL就是這個，然後我們拿到這個URL進行各種操作，包括寫入數據庫
$config = array(
"savePath" => "../upload/" , //存儲文件夾
"maxSize" => 1000 , //允許的文件最大尺寸，單位KB
"allowFiles" => array( ".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp" ) //允許的文件格式
);
//上傳文件目錄：上傳的文件就保存在這個目錄裏
$Path = "../upload/";
我們只需要改這些語句就可以設置上傳的目錄了。另外，這裏用的應該是相對路徑，不像上面那個kindeditor用的是相對於站點的路徑
效果圖如下：
最後，附上我修改過的，可以輕鬆部署的 UM ：
鏈接: http://pan.baidu.com/s/1jGDPVzK 密碼: jcpp