TQEditor是一款兼具功能強大與體積小巧的在線HTML編輯器。TQEditor 使用 JavaScript 編寫,可以無縫地與 PHP、.NET、Java、ASP 等程序集成,支持幾乎所有常用的文本編輯功能,并支持Word代碼清理、一鍵排版、自動源碼格式化、UBB編輯等功能,兼容目前所有的主流版本的IE、Chrome、Opera、火狐等瀏覽器。
功能特點:
1、小身材,JS(72k)+CSS(12k)+圖標(19k) 總計71K, 啟用gz壓縮后不到50K;
2、全瀏覽器支持, 當前支持 IE6, 7, 8, 9, chrome 8+, FF 3+, Opera 10+, Safari5+;
3、Word代碼清理,有效清理從word中粘貼的代碼同時保留格式;
4、默認使用SWFUpload組件處理上傳, 用戶體驗超好;
5、自帶源碼格式化;
6、支持皮膚功能, 只需修改一個CSS即可自定義皮膚;
7、一鍵自動排版功能,內(nèi)置自動圖文排版, 默認即適合大多數(shù)的文章內(nèi)容排版形式;
8、靈活的擴展功能, 方便按業(yè)務(wù)需要擴展功能;
9、可視化的UBB編輯功能;
10、方便的事件,接口調(diào)用。
軟件特色:
1、上傳功能,很多編輯器并沒有自帶文件和圖片上傳功能,大都需要通過擴展來實現(xiàn)。而TQEditor將文件圖片上傳集成編輯器中,默認使用SWFUpload組件處理上傳,同時還支持多文件上傳。如下圖,可以同時選取多張圖片上傳到服務(wù)器中。
2、自動排版,網(wǎng)站編輯人員,例如筆者時常要復(fù)制粘貼資訊等一些相關(guān)信息,而復(fù)制的資訊信息中會夾雜著樣式,而TQEditor內(nèi)置自動圖文排版, 默認即適合大多數(shù)的文章內(nèi)容排版形式。但其實TQEditor自動排版的功能很大程度上就相當于格式刷,把多余的代碼清除掉,并居中圖片。如下兩圖。
3、自定義皮膚和編輯器背景色,編輯器自帶多套皮膚的顏色,完全通過獨立的CSS控制。用戶完全可以根據(jù)自己的風(fēng)格定制皮膚顏色,下圖是fire皮膚色和藍色背景。
4、事件獲取是編輯器通過獲取用戶的鍵盤或者鼠標操作的一個特殊的功能,通常用于Ajax無刷新技術(shù)等,如聊天室。
5、TQEditor眾多功能中,API是做得比較完善的,TQEditor的說明演示中提供了API交互和擴展的API兩個實例,API交互可以通過自定義按鈕或者鏈接控制編輯器。 擴展的API可以通過自定義按鈕獲取編輯器中的相關(guān)信息。
調(diào)用方法:
在頁面中先載入TQEditor.js:
<script type="text/javascript" src="TQEditor.js" ></script>
在相關(guān)的表單字段后添加代碼:
<textarea name="content" cols="80" rows="16" id="content"></textarea>
<script type="text/javascript">
new TQEditor('content');//必須在表單域后
</script>