ASP利用xhEditor編輯器實現圖片上傳的功能。


本人這幾天在做一個軟件,無意中用到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》經過以上步驟,終於成功了。呵呵。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM