明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

4款好用的免費在線HTML編輯器

[摘要]什么是在線HTML編輯器?在線編輯器是用來對網(wǎng)頁等內(nèi)容進(jìn)行在線編輯修改,讓用戶在網(wǎng)站上獲得"所見即所得"效果,所以較多用來做網(wǎng)站內(nèi)容信息的編輯和發(fā)布和在線文檔的共享等,比如新聞、博客發(fā)布等。由于其簡單易用,被網(wǎng)站廣泛使用,為眾多網(wǎng)民所熟悉。eWebEditor,功能確實強(qiáng)大,但...
什么是在線HTML編輯器?在線編輯器是用來對網(wǎng)頁等內(nèi)容進(jìn)行在線編輯修改,讓用戶在網(wǎng)站上獲得"所見即所得"效果,所以較多用來做網(wǎng)站內(nèi)容信息的編輯和發(fā)布和在線文檔的共享等,比如新聞、博客發(fā)布等。由于其簡單易用,被網(wǎng)站廣泛使用,為眾多網(wǎng)民所熟悉。

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

答案肯定是有的。這首先要感謝這些年來有一批奉獻(xiàn)精神的程序猿們不斷推進(jìn)共享軟件的開發(fā),讓我們得以享受他們的成果。

一、百度出品的UEditor

UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器,具有輕量,可定制,注重用戶體驗等特點,開源基于MIT協(xié)議,允許自由使用和修改代碼。特別要說的是,頭條號后臺發(fā)布文章的編輯器就是用的UEditor!

UEditor還有一個輕量版的,叫做UMeditor,簡稱UM。UM是為滿足廣大門戶網(wǎng)站對于簡單發(fā)帖框,或者回復(fù)框需求所定制的在線HTML編輯器。 主要特點是容量和加載速度上的改變,主文件的代碼量為139k,而且放棄了使用傳統(tǒng)的iframe模式,采用了div的加載方式, 以達(dá)到更快的加載速度和零加載失敗率。UM的第一個使用者是百度貼吧,以經(jīng)受貼吧每天幾億的pv的考驗,功能設(shè)計應(yīng)當(dāng)是最優(yōu)化的了。 當(dāng)然隨著代碼的減少,UM的功能對于UE來說還是有所減少,但也有增加,比如拖拽圖片上傳,chrome的圖片拖動改變大小等。

二、xhEditor開源HTML編輯器

xhEditor是一個基于jQuery開發(fā)的簡單迷你并且高效的可視化HTML編輯器,基于網(wǎng)絡(luò)訪問并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

xhEditor完全基于Javascript開發(fā),可以應(yīng)用在任何的服務(wù)端語言環(huán)境下,例如:PHP、ASP、ASP.NET、JAVA等?梢栽贑MS、博客、論壇、商城等互聯(lián)網(wǎng)平臺上完美的嵌入運行,能夠非常靈活簡單的和您的系統(tǒng)實現(xiàn)完美的無縫銜接。

主要特點:

精簡迷你:初始加載4個文件,包括:1個js(50k)+2個css(10k)+1個圖片(5k),總共65k。若js和css文件進(jìn)行g(shù)zip壓縮傳輸,可以進(jìn)一步縮減為24k左右。

使用簡單:簡單的調(diào)用方式,加一個class屬性就能將textarea變成一個功能豐富的可視化編輯器。

無障礙訪問:提供WAI-ARIA全面支持,全鍵盤精細(xì)操作,全程語音向?qū),提供完美無障礙訪問體驗,充分滿足殘疾人的上網(wǎng)需求。

內(nèi)置Ajax上傳:內(nèi)置強(qiáng)大的Ajax上傳,包括HTML4和HTML5上傳支持(多文件上傳、真實上傳進(jìn)度及文件拖放上傳),剪切板上傳及遠(yuǎn)程抓取上傳。

Word自動清理:實現(xiàn)Word代碼自動檢測并清理,生成代碼最優(yōu)化精簡,卻不丟失細(xì)節(jié)效果。

UBB可視化編輯:支持UBB可視化編輯,在獲得安全高效代碼存儲的同時,又能享受可視化編輯的便捷。

三、KindEditor開源HTML編輯器

KindEditor 也是一個開源的在線HTML編輯器, 使用 JavaScript 編寫,可以無縫地與 Java、.NET、PHP、ASP 等程序集成,比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。本菜鳥感覺這個編輯器上手比較容易,功能也很強(qiáng)大,界面比較友好,很適合菜鳥使用。可惜的是最近好像停止更新了,官網(wǎng)好象也能不正常訪問。

主要特點:

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

開源:開放源代碼,高水平,高品質(zhì)

底層:內(nèi)置自定義 DOM 類庫,精確操作 DOM

擴(kuò)展:基于插件的設(shè)計,所有功能都是插件,可根據(jù)需求增減功能

風(fēng)格:修改編輯器風(fēng)格非常容易,只需修改一個 CSS 文件

兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera

四、阿里的KISSY

嚴(yán)格來說,KISSY不僅僅是一個在線HTML編輯器,而是由阿里集團(tuán)前端工程師們發(fā)起創(chuàng)建的一個開源 JS 框架,具有跨終端、模塊化、使用簡單的特點。里面帶有HTML編輯器這個模塊。

正因為KISSY采取模塊化設(shè)計,因此具有高擴(kuò)展性、組件齊全,接口一致、自主開發(fā)、適合多種應(yīng)用場景等優(yōu)點。KISSY 除了完備的工具集合諸如 DOM、Event、Ajax、Anim 等,KISSY 還面向團(tuán)隊協(xié)作做了獨特設(shè)計,提供了經(jīng)典的面向?qū)ο、動態(tài)加載、性能優(yōu)化解決方案。作為一款全終端支持的 JavaScript 框架,KISSY還 為移動終端做了大量適配和優(yōu)化,搞移動web開發(fā)的可以好好研究一下KISSY的運用。

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

相關(guān)推薦:

在線HTML編輯器

在線HTML編輯器解決方法

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

以上就是四款好用的免費在線HTML編輯器的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。