本人這幾天在做一個軟件,無意中用到xhEditor在線編輯器,這個編輯器雖然看着比較簡單,但功能非常強大,大家可以去官網上查看,廢話不說了。
這篇文件主要是實現在ASP環境中利用xhEditor編輯器實現圖片上傳:
1》首先是下載最新版本xhEditor:http://xheditor.com/download
2》將下載的壓縮文件解壓縮,上傳其中的xheditor.min.js以及xheditor_lang、xheditor_emot、xheditor_plugins和xheditor_skin四個文件夾到網站相應文件夾中。
注:如果您網站中沒有使用jQuery框架,也請一並上傳jquery文件夾中的jquery-1.4.4.min.js
3》需要調用xhEditor編輯器的網頁head標簽結束之前添加以下代碼:
<script type="text/javascript" charset="utf-8" src="../admin/xhEditor/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../admin/xhEditor/xheditor-1.2.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../admin/xhEditor/xheditor_lang/zh-cn.js"></script>
大家注意路徑,還有 charset="utf-8",如果你的網站是GB2312,需要加上,因為不加的話就是亂碼,這點也很重要。
4》在需要實現可視化的文本框textarea屬性中添加:
class="xheditor"
例如:<textarea name="content" class="xheditor">test</textarea>
以上代碼是默認的,不能上傳圖片的。以下代碼是我自己利用官方工具生成的,很簡單的一段代碼。
<textarea name="content" class="xheditor {width:'100%',height:'350px',upImgUrl:'upload.asp',upImgExt:'jpg,jpeg,gif,png'}" ></textarea>
5》以上只是有了上傳按鈕了,但還上傳不了。還需要新建個文件夾upload(用來保存上傳的文件,這是官方默認的文件夾,自己也可以修改,在Upload.asp文件中個性),和xhEditor這個文件夾平級。
然后在官方下載的壓縮包里找到upload.asp這個文件,復制到和xhEditor平級的目錄中即可。
6》經過以上步驟,終於成功了。呵呵。