xheditor

xhEditor是一個基於jQuery開發的簡單迷你並且高效的可視化XHTML編輯器。

軟體信息

軟體性質:常用軟體
軟體授權:免費版
更新時間: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上傳

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

Word自動清理

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

UBB可視化編輯

提供完美的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即可完美解決:

<scripttype="text/javascript"charset="utf-8"src="xheditor-zh-cn.js"></script>

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工作不正常: <table><form><tr>唯一解決方案:把代碼結構改為標準結構: <form><table><tr>

版本日誌

開發版:
xhEditor v1.2.1 (簡體,繁體,English) (zip) [1225KB] ( 更新:2013年2月25日 )
MD5: E342700D1C68BA670B7DD03962FCEA79
xhEditor v1.2.1 (簡體,繁體,English) (7z) [899KB] ( 更新:2013年2月25日 )
MD5: 3B6DFA55667F3B56100A7AA15674632C
穩定版:
xhEditor v1.1.14 (簡體,繁體,English) (zip) [753KB] ( 更新:2012年7月28日 )
MD5: 4C8F1A87BA99259DEF31385A1BBE9A11
xhEditor v1.1.14 (簡體,繁體,English) (7z) [441KB] ( 更新:2012年7月28日 )
MD5: C4863387B8D03ECA3EA70B20D9B7E769
xhEditor v1.1.14 (簡體,繁體,English) (2) [521KB] ( 更新:2012年7月28日 )
MD5: BD078F02D87B7E6AF22B1025CBABC829

xhEditor v1.1.12 (簡體,繁體,English) (zip) [720KB](更新:2011年12月4日)

xhEditor v1.1.11 (簡體,繁體,English) (zip) [720KB](更新:2011年11月1日)

xhEditor v1.1.10 (簡體,繁體,English) (zip)[718KB] ( 更新:2011年9月4日 )

MD5: 79DA71B9F5CD533 591449451F4BF69AC

xhEditor v1.1.10 (簡體,繁體,English) (7z)[436KB] ( 更新:2011年9月4日 )

MD5: 0E5A88D0E1A666441ACB11AAD929C361

xhEditor v1.1.10 (簡體,繁體,English) [507KB] ( 更新:2011年9月4日 )

MD5: 27E15A404FC76107BBB5669A919A17CB

xhEditor v1.1.8 (簡體,繁體,English) (zip) [702KB] ( 更新:2011年7月7日 )

xhEditor v1.1.7 (簡體,繁體,English) (zip) [687KB] ( 更新:2011年6月1日 )

相關詞條

熱門詞條

聯絡我們