學(xué)習(xí)了一些HTML知識(shí),我們就可以自己動(dòng)手去寫一些HTML代碼了。那么用什么寫了,常用的二種HTML寫書工具就是記事本和Dreamweaver ,二者之中,Dreamweaver是學(xué)做網(wǎng)站新手的首選。
編輯制作html(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)的工具,可自定義窗囗,編輯主題、索引,可選擇添搜索頁(yè),無任何不自由。可以使用專業(yè)的HTML編輯器來編輯 HTML。
除了記事本和DW之外,也可以使用學(xué)做網(wǎng)站論壇的HTML在線編輯器。eWebEditor是基于瀏覽器的、所見即所得的在線HTML編輯器。她能夠在網(wǎng)頁(yè)上實(shí)現(xiàn)許多桌面編輯軟件(如:Word)所具有的強(qiáng)大可視編輯功能。
下面介紹四款比較優(yōu)秀的編輯器
一、UEditor – 百度編輯器
簡(jiǎn)介: UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器,具有輕量,可定制,注重用戶體驗(yàn)等特點(diǎn)。
特點(diǎn):
1、功能全面:涵蓋流行富文本編輯器特色功能,獨(dú)創(chuàng)多種全新編輯操作模式。
2、用戶體驗(yàn):屏蔽各種瀏覽器之間的差異,提供良好的富文本編輯體驗(yàn)。
3、開源免費(fèi):開源基于BSD協(xié)議,支持商業(yè)和非商業(yè)用戶的免費(fèi)使用和任意修改。
4、定制下載:細(xì)粒度拆分核心代碼,提供可視化功能選擇和自定義下載。
5、專業(yè)穩(wěn)定:百度專業(yè)QA團(tuán)隊(duì)持續(xù)跟進(jìn),上千自動(dòng)化測(cè)試用例支持。
演示:
http://ueditor.baidu.com/website/onlinedemo.html 二、CKeditor
簡(jiǎn)介: CKeditor的前身是FCKeditor,CKEditor是全球最優(yōu)秀的網(wǎng)頁(yè)在線文字編輯器之一,因其驚人的性能與可擴(kuò)展性而廣泛的被運(yùn)用于各大網(wǎng)站。
特點(diǎn):
1、全功能:完全沒有任何限制,所有的功能你都可以使用。
2、性能:世界上最強(qiáng)大,最靈活的編輯器,你可以從Word里面粘貼數(shù)據(jù)過來而保持格式不變。
3、定制:CKEditor可以從工具欄元素到界面顏色,都可以利用豐富的API為你的網(wǎng)站量身定制。
4、無障礙 :專為有特殊需要的人設(shè)計(jì)。符合WAI-ARIA和第508條款,支持高對(duì)比度和接口的鍵盤導(dǎo)航。
5、兼容性:兼容所有主流瀏覽器(IE瀏覽器,火狐,歌劇,Chrome和Safari瀏覽器)和各種環(huán)境。
演示:
http://ckeditor.com/demo 三、KindEditor
簡(jiǎn)介:KindEditor 是一套開源的在線HTML編輯器,主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果,開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。
特點(diǎn):
1、快速:體積小,加載速度快。
2、開源:開放源代碼,高水平,高品質(zhì)。
3、底層:內(nèi)置自定義 DOM 類庫(kù),精確操作 DOM。
4、擴(kuò)展:基于插件的設(shè)計(jì),所有功能都是插件,可根據(jù)需求增減功能。
5、風(fēng)格:修改編輯器風(fēng)格非常容易,只需修改一個(gè) CSS 文件。
6、兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera。
演示:
http://www.kindsoft.net/demo.php 四、XHeditor
簡(jiǎn)介:xhEditor是一個(gè)基于jQuery開發(fā)的簡(jiǎn)單迷你并且高效的在線可視化HTML編輯器,基于網(wǎng)絡(luò)訪問并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
特點(diǎn):
1、精簡(jiǎn)迷你:初始加載4個(gè)文件,包括:1個(gè)js(50k)+2個(gè)css(10k)+1個(gè)圖片(5k),總共65k。若js和css文件進(jìn)行g(shù)zip壓縮傳輸,可以進(jìn)一步縮減為24k左右。
2、使用簡(jiǎn)單:簡(jiǎn)單的調(diào)用方式,加一個(gè)class屬性就能將您的textarea立馬變成一個(gè)功能豐富的可視化編輯器。
3、無障礙訪問:提供WAI-ARIA全面支持,全鍵盤精細(xì)操作,全程語(yǔ)音向?qū)?,提供完美無障礙訪問體驗(yàn),讓殘疾人也能夠譜寫精彩人生。
4、內(nèi)置Ajax上傳:內(nèi)置強(qiáng)大的Ajax上傳,包括HTML4和HTML5上傳支持(多文件上傳、真實(shí)上傳進(jìn)度及文件拖放上傳),剪切板上傳及遠(yuǎn)程抓取上傳,追求完美的用戶上傳體驗(yàn)。
5、Word自動(dòng)清理:實(shí)現(xiàn)Word代碼自動(dòng)檢測(cè)并清理,提供高效完美的Word代碼過濾方案,生成代碼最優(yōu)化精簡(jiǎn),但是卻不丟失任何細(xì)節(jié)效果。
6、UBB可視化編輯:提供完美的UBB可視化編輯解決方案,在您獲得安全高效代碼存儲(chǔ)的同時(shí),又能享受可視化編輯的便捷。
演示:
http://xheditor.com/demo