首頁 > web前端 > html教學 > 四款好用的免費線上HTML編輯器

四款好用的免費線上HTML編輯器

小云云
發布: 2017-11-18 16:59:41
原創
10181 人瀏覽過

什麼是線上HTML編輯器?線上編輯器是用來對網頁等內容進行線上編輯修改,讓使用者在網站上獲得"所見即所得"效果,所以較多用來做網站內容資訊的編輯和發布和線上文件的分享等,例如新聞、部落格發布等。由於簡單易用,被網站廣泛使用,為許多網友所熟悉。

eWebEditor,功能確實強大,但這個編輯器是個收費的軟體,並且正因為功能強大,也就顯得過重,一些輕量的場合不是太適用。那有沒有既免費、又功能強大、還能適應輕量場合的線上HTML編輯器呢?

答案肯定是有的。這首先要感謝這些年來有一批奉獻精神的程式猿們不斷推進共享軟體的開發,讓我們得以享受他們的成果。

一、百度出品的UEditor

UEditor是由百度web前端研發部開發所見即所得富文本web編輯器,具有輕量級,可定制,注重使用者體驗等特點,開源基於MIT協議,允許自由使用和修改程式碼。特別要說的是,頭條號碼後台發布文章的編輯器就是用的UEditor!

UEditor還有一個輕量級版的,叫做UMeditor,簡稱UM。 UM是為滿足廣大入口網站對於簡單發文框,或回覆框需求所客製化的線上HTML編輯器。 主要特點是容量和載入速度上的改變,主檔案的程式碼量為139k,而且放棄了使用傳統的iframe模式,採用了div的載入方式, 以達到更快的載入速度和零載入失敗率。 UM的第一個使用者是百度貼吧,以經受貼吧每天幾億的pv的考驗,功能設計應當是最優化的了。 當然隨著程式碼的減少,UM的功能對於UE來說還是有所減少,但也有增加,例如拖曳圖片上傳,chrome的圖片拖曳改變大小等。

二、xhEditor開源HTML編輯器

xhEditor是一個基於jQuery開發的簡單迷你且高效的可視化HTML編輯器,基於網路存取並且相容於IE 6.0+ ,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

xhEditor完全是基於Javascript開發,可以應用在任何的服務端語言環境下,例如:PHP、ASP、ASP.NET、JAVA等。可以在CMS、部落格、論壇、商城等網路平台上完美的嵌入運行,能夠非常靈活簡單的和您的系統實現完美的無縫銜接。

主要特點:

精簡迷你:初始載入4個文件,包括:1個js(50k)+2個css(10k)+1個圖片(5k),總共65k。若js和css檔案進行gzip壓縮傳輸,可以進一步縮減約24k。

使用簡單:簡單的呼叫方式,加上一個class屬性就能將textarea變成一個功能豐富的視覺化編輯器。

無障礙存取:提供WAI-ARIA全面支持,全鍵盤精細操作,全程語音嚮導,提供完美無障礙存取體驗,充分滿足殘疾人的上網需求。

內建Ajax上傳:內建強大的Ajax上傳,包括HTML4和HTML5上傳支援(多檔案上傳、真實上傳進度及檔案拖放上傳),剪切板上上傳及遠端擷取上傳。

Word自動清理:實作Word程式碼自動偵測並清理,產生程式碼最優化精簡,卻不遺失細節效果。

UBB視覺化編輯:支援UBB視覺化編輯,在取得安全高效程式碼儲存的同時,又能享受視覺化編輯的便利。

三、KindEditor開源HTML編輯器

KindEditor 也是一個開源的線上HTML編輯器, 使用JavaScript 編寫,可以無縫地與Java、.NET、PHP 、ASP 等程式集成,比較適合在CMS、商城、論壇、部落格、Wiki、電子郵件等網路應用程式上使用。本菜鳥感覺這個編輯器上手比較容易,功能也很強大,介面比較友好,很適合菜鳥使用。可惜的是最近好像停止更新了,官網好像也能不正常訪問。

主要特點:

快速:體積小,載入速度快

開源:開放原始碼,高水平,高品質

底層:內建自定義DOM 類別庫,精確操作DOM

擴充功能:基於插件的設計,所有功能都是插件,可根據需求增減功能

風格:修改編輯器風格非常容易,只需修改一個CSS 檔案

相容:支援大部分主流瀏覽器,例如IE、Firefox、Safari、Chrome、Opera

四、阿里的KISSY

#嚴格來說,KISSY不僅僅是一個線上HTML編輯器,而是由阿里集團前端工程師發起創建的一個開源JS 框架,具有跨終端、模組化、使用簡單的特點。裡面有HTML編輯器這個模組。

正因為KISSY採取模組化設計,因此具有高擴展性、組件齊全,介面一致、自主開發、適合多種應用場景等優點。 KISSY 除了完整的工具集合諸如 DOM、Event、Ajax、Anim 等,KISSY 還針對團隊協作做了獨特設計,提供了經典的物件導向、動態載入、效能最佳化解決方案。作為一款全終端支援的 JavaScript 框架,KISSY也為行動終端做了大量適配與優化,搞移動web開發的可以好好研究KISSY的運用。

以上這幾款線上HTML編輯器都非常好用而且還是免費的,大家開發的時候需要用到在線HTML編輯器就可以參考這幾款,選一款自己喜歡的去使用。

相關推薦:

線上HTML編輯器

#線上HTML編輯器解決方法

扁平化小清新 線上HTML編輯器 

#

以上是四款好用的免費線上HTML編輯器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板