xheditor

軟體性質：常用軟體

軟體授權：免費版

更新時間：2013-02-05

應用平台：Win8/Win7/Vista/WinXP

xhEditor是一個基於jQuery開發的簡單迷你並且高效的可視化XHTML編輯器，基於網路訪問並且兼容IE6.0+,Firefox3.0+,Opera9.6+,Chrome1.0+,Safari3.22+。

xhEditor完全基於Javascript開發，您可以應用在任何的服務端語言環境下，例如：PHP、ASP、ASP. N E T、JAVA等。

xhEditor可以在您的CMS、博客、論壇、商城等網際網路平台上完美的嵌入運行，能夠非常靈活簡單的和您的系統實現完美的無縫銜接。

初始載入4個文件，包括：1個js(50k)+2個css(10k)+1個圖片(5k)，總共65k。若js和css文件進行gzip壓縮傳輸，可以進一步縮減為24k左右。

基於強大的開源jQuery引擎開發，提供高效的代碼執行效率，並完美的實現最佳瀏覽器兼容性。

簡單的調用方式，加一個class屬性就能將您的textarea立馬變成一個功能豐富的可視化編輯器。

內置強大的Ajax上傳，包括HTML4和HTML5上傳支持(多文件上傳、真實上傳進度及文件拖放上傳)，追求完美的用戶上傳體驗。

實現Word代碼自動檢測並清理，提供高效完美的Word代碼過濾方案，生成代碼最優化精簡，但是卻不丟失任何細節效果。

提供完美的UBB可視化編輯解決方案，在您獲得安全高效代碼存儲的同時，又能享受可視化編輯的便捷。

1. I E6, IE7, IE8, IE9

2.Firefox 3.0 +

3.Chrome 1.0 +

4.Opera 9.6 +

5.Safari 3.22 +

1.xhEditor能兼容哪些jQuery版本？xhEditor最初的版本是基於jQuery 1.3.2開發的，因此目前v1.0系列的所有版本都能最大的兼容1.3.2。為了獲得更好的代碼性能，目前xhEditor官方更建議使用最新的jQuery版本。

雖然說v1.0版本系列能最大的兼容jQuery 1.3.2，但是在實際測試過程中，也發現一個不可修正的問題：在IE6下無法使用縮略圖上傳模式。如果你不需要使用縮略圖模式，可以在jQuery 1.3.2基礎上完美的運行xhEditor v1.0版本系列。

2.我的網頁是GB2312編碼的，怎樣才能使xhEditor編輯器沒有亂碼？如果使用最新版xhEditor的mini壓縮版本，因為裡面的文字完全utf-8編碼化，可以直接調用，不會出現亂碼現象。

如果使用的是源代碼js文件或早期的xhEditor版本，在非utf-8編碼的網頁中使用就會出現亂碼現象，只需將script的charset屬性設置成utf-8即可完美解決：

3.正常載入了xhEditor，讀取textarea的value值，為什麼讀取不到最新編輯結果？目前網路中所有的在線編輯器都是利用新創建的iframe來實現可視化編輯功能，xhEditor也不例外，所以在提交前必需要將最新的編輯結果重新同步到原來的textarea。

xhEditor默認會在textarea所在的form對象中綁定onsubmit事件，當用戶點擊submit按鈕時，xhEditor就會將最新結果同步回textarea，隨後隨表單中的其它表單項一同提交到服務端腳本。因此，如果不需要用Javascript額外處理，普通的表單式提交是沒任何問題的。

如果網頁中需要用Javascript額外處理編輯結果，比如ajax提交表單，則有三種解決方案：

使用jQuery的事件綁定或者標準DOM綁定方法在form上綁定submit事件(綁定代碼必需在xhEditor初始化代碼後面)，即是在xhEditor把值回傳后再讀取，在相應綁定的函數中讀取textarea的value值即是最新編輯結果; 使用jQuery的標準取值方法:$('#textarea_id').val(); 使用xhEditor提供的專用讀值API介面：editor.getSource();

4.怎麼添加自定義的表情？可以在初始化參數中使用emots參數來自定義表情，對於emots參數的詳細介紹請參考初始化參數列表。下面我們舉一個簡單例子：

在xheditor_emot文件夾中新建文件夾：msn 在msn文件夾中放置40個表情圖片文件，文件名分別為：1.gif 到 40.gif 在初始化參數中添加： emots:{msn:{name:'MSN',count:40,width:22,height:22,line:8}}

此參數定義了一個名字為msn的表情組，顯示名稱為：“MSN”，總共40個表情，表情區域的寬度和高度都是22像素，每行8個。

5.怎麼覆蓋編輯器自帶的默認表情？只需把自定義表情的名稱設置為default，即可覆蓋掉編輯器中自帶的表情組。下面為操作示例：

刪除xheditor_emot文件夾中的default文件夾 將自定義的表情文件夾名改為default 在初始化參數中添加： emots:{'default':{name:'MSN',count:40,width:22,height:22,line:8}}

6.當前頁面設置了document.domain，如何讓xhEditor工作正常？主要考慮到若要讓1.0支持跨域調用，編輯器內核架構變動會非常大，因此目前v1.0版本系列暫時還不支持跨域調用。

我們開發團隊已經著手規劃開發v2.0版本系列，到時會努力提供完美的跨域解決方案，敬請期待。

7.textarea處在隱藏的區域中，如何初始化編輯器？如果你直接對隱藏區域中的textarea初始化xhEditor，會初始化失敗，並提示：“當前textarea處於隱藏狀態，請將之顯示后再初始化xhEditor，或者直接設置textarea的width和height樣式”。

這個問題出現的根源在於瀏覽器的渲染模式造成的，目前的所有瀏覽器對於隱藏狀態的內容是不進行渲染，也就是隱藏區域內的所有元素都不具有寬度和高度值。xhEditor編輯器默認是讀textarea的高度和寬度值，而隱藏狀態下就會讀取失敗。

針對這個問題，我們提出以下兩個解決方案：

先將隱藏狀態的區域顯示后，再用JS代碼初始化編輯器，這也是xhEditor官方建議的方案; 在textarea上設置CSS高度和寬度，舉例如下： style="width:300px;height:200px;"

8.使用普通表單提交，怎麼每次服務端取到的值總是之前舊的編輯結果？如果你使用普通的表單式提交，而非AJAX提交，還是會出現服務端無法讀取到最新編輯結果的問題。那麼請檢查一下你的代碼是不是屬於以下情況：

如果是以下結構的HTML代碼，由於是非標準HTML代碼結構，在某些瀏覽器(例如Firefox)下會導致xhEditor工作不正常：