HTML編輯器是一個(gè)可以將markdown文件轉(zhuǎn)換為html文件的html編輯器，該軟件具有操作簡(jiǎn)單容易，上手很快等特色，可讓你可以即時(shí)預(yù)覽轉(zhuǎn)換后的樣式的同時(shí)，又不會(huì)加入Office特有的編版碼，是免費(fèi)的將文本轉(zhuǎn)換成HTML/XHTML的網(wǎng)頁(yè)格式的html編輯器。

【基本介紹】

MarkdownPad 2是一款特殊的所見(jiàn)即所得的文本編輯器，我們主要用它來(lái)將MarkDown文件轉(zhuǎn)換為HTML靜態(tài)化網(wǎng)頁(yè)文件。它是之前流行的MarkdownPad的完美升級(jí)版本，提供了幾乎任何你可以想到的功能，由之前的僅支持英文版如今完美支持多國(guó)語(yǔ)言版本當(dāng)然也不會(huì)落下對(duì)中文界面的支持，不過(guò)它畢竟具有相對(duì)的專業(yè)性無(wú)理的要求不算。該工具操作簡(jiǎn)單，容易上手，可讓你可以即時(shí)預(yù)覽轉(zhuǎn)換后的樣式的同時(shí)，又不會(huì)加入Office特有的編版碼，有需要朋友可以進(jìn)行嘗試。

【使用說(shuō)明】

1.點(diǎn)擊【File】——【New】來(lái)創(chuàng)建一個(gè)全新的文件或是【File】——【Open】來(lái)打開一個(gè)TXT的文本文檔。然后便可以利用上方圖標(biāo)按鈕來(lái)進(jìn)行編輯，左側(cè)窗口內(nèi)為原始文件，右側(cè)為編排后的格式。

2.編排好之后，可點(diǎn)擊【File】——【Save】 來(lái)保存成TXT文本文件或是專屬 MarkdownPad 的擴(kuò)展名文檔，若是要輸出成HTML網(wǎng)頁(yè)，可點(diǎn)擊【File】——【Export HTML】 。
另外點(diǎn)擊【Tools】——【Options】來(lái)打開【MarkdownPad】的設(shè)置窗口。

【注冊(cè)方法】

專業(yè)注冊(cè)版則支持包含多標(biāo)簽頁(yè)，Markdown的實(shí)時(shí)預(yù)覽，全屏模式，自定義及添加CSS樣式表文件，拼寫檢查，顯示行號(hào)，自動(dòng)保存等完整實(shí)用功能。 它另外還可以自定義字體，可以導(dǎo)出為PDF或者帶樣式的PDF和HTML文檔，可以自定義HTML的Head信息。實(shí)在是居家旅行之必備神器。免費(fèi)版一直可用。適合經(jīng)常需要用Markdown寫文檔的同學(xué)。


關(guān)于如何升級(jí)MarkdownPad 2 v2.3.0.25835 簡(jiǎn)體中文官方安裝版為專業(yè)版的簡(jiǎn)單說(shuō)明：
1、安裝資源包中提供的原版安裝程序，安裝好后在找到user.config以及Patch.exe這兩個(gè)文件；
2、搜索全盤找到安裝包釋放后的user.config用戶配置文件的目錄地址，然后用筆者贈(zèng)予的用戶配置文件覆蓋之；
例：配置文件user.config的位置因版本而異，如：
%LOCALAPPDATA%\MarkdownPad2\MarkdownPad2.exe_Url_bakzl5xvna20knbzwksj2a0nyzlicvaa\2.1.18.37279\
%LOCALAPPDATA%\MarkdownPad2\MarkdownPad2.exe_Url_bakzl5xvna20knbzwksj2a0nyzlicvaa\2.1.20.27984\
以本次推薦的2.3.0.25835版為例，user.config 在我的機(jī)子上所在目錄為：
C:\Users\Administrator\AppData\Local\MarkdownPad2\MarkdownPad2.exe_Url_olr0cko1ztfu03jc5d2r25rs2mk4lp5d\2.3.0.25835\
3、替換用戶配置文件之后切勿啟動(dòng)MarkdownPad 2主程序，運(yùn)行Patch.exe注冊(cè)機(jī)程序Patch一下安裝目錄中的MarkdownPad 2主程序即可！

【軟件特色】

編輯，預(yù)覽，驗(yàn)證，發(fā)布和管理來(lái)自現(xiàn)代標(biāo)準(zhǔn)兼容編輯器的項(xiàng)目。
在編輯器中預(yù)覽，或在PC / Mac，平板電腦和智能手機(jī)中進(jìn)行預(yù)覽
使用內(nèi)置版本歷史記錄，項(xiàng)目和配置文件編輯單個(gè)站點(diǎn)或管理數(shù)百個(gè)站點(diǎn)。
通過(guò)快捷方式，插件，代碼向?qū)Ш蛷?qiáng)大的查找/替換選項(xiàng)節(jié)省時(shí)間。
標(biāo)準(zhǔn)支持，包括HTML5，CSS3和Java Script / ECMAScript 6.還支持許多其他文件類型。

【軟件功能】

1、用完全控制進(jìn)行編輯。代碼助手，生成器和快捷方式（包括Zen Coding）在您需要時(shí)可以使用。開箱即用的版本控制和備份使您無(wú)需配置服務(wù)器即可快速訪問(wèn)修訂版。
2、在另一個(gè)窗口中，在多個(gè)顯示器上，在多個(gè)瀏覽器中，甚至通過(guò)外部設(shè)備（包括iOS，Android，Windows Phone和智能手機(jī)/平板電腦上的多設(shè)備實(shí)時(shí)預(yù)覽）在編輯器中預(yù)覽（全屏或分屏實(shí)時(shí)預(yù)覽）黑莓）。
3、通過(guò)在編輯HTML5，Markdown，LESS和其他文件類型時(shí)進(jìn)行預(yù)覽，節(jié)省時(shí)間并快速捕捉錯(cuò)誤。內(nèi)置的HTML Tidy可以指出無(wú)效的標(biāo)記并提出改進(jìn)建議。或者使用行業(yè)標(biāo)準(zhǔn)的W3C HTML / CSS驗(yàn)證器只需單擊一次。
4、在每個(gè)HTML / CSS十六進(jìn)制/ rgb（）顏色下方顯示顏色，突出顯示匹配塊，即時(shí)查看匹配項(xiàng)，以及在標(biāo)簽/屬性/類/樣式中搜索包含的許多強(qiáng)大工具中的一些，插件。
5、同時(shí)打開多個(gè)項(xiàng)目（使用制表符中的顏色標(biāo)簽），創(chuàng)建虛擬文件夾以從多個(gè)來(lái)源以邏輯方式組織文件并訪問(wèn)本地/網(wǎng)絡(luò)/ FTP文件夾?；蛘咛^(guò)所有這些，只需從本地文件夾打開文件即可。

【使用方法】

1.首先我們先來(lái)看一下要實(shí)現(xiàn)的效果，如下圖所示，左邊的html會(huì)在右邊顯示結(jié)果

2.然后我們來(lái)實(shí)現(xiàn)它，首先引入jquery的庫(kù)文件，如下圖所示

3.然后我們準(zhǔn)備好兩部分內(nèi)容，一部分是書寫html的，一部分是顯示html內(nèi)容的，如下圖所示

4.接下來(lái)就是給定義好的文檔結(jié)構(gòu)添加一些樣式，如下圖所示

5.然后我們來(lái)實(shí)現(xiàn)相應(yīng)的腳本方法，如下圖所示，先獲取文本域中的html內(nèi)容，然后通過(guò)jquery的html方法進(jìn)行內(nèi)容賦值

6.最后添加鍵按下事件，就是每次按下鍵盤都進(jìn)行右側(cè)內(nèi)容更新，如下圖所示

7.綜上所述，實(shí)現(xiàn)HTML的在線編輯器主要就是通過(guò)jquery的html()方法來(lái)實(shí)現(xiàn)的

【使用技巧】

如何設(shè)置默認(rèn)的HTML編輯器？
1.以快捷鍵Ctrl+r調(diào)出運(yùn)行對(duì)話框，在運(yùn)行對(duì)話框中，請(qǐng)輸入cmd命令。按回車鍵確定。

2.在出現(xiàn)的DOS命令行之中，請(qǐng)輸入control命令，然后回車鍵確定。這樣就可以調(diào)出控制面板。

3.在控制面板界面中，可以找到一項(xiàng)是Internet選項(xiàng)。請(qǐng)點(diǎn)擊該項(xiàng)，進(jìn)入其界面之中。

4.在Internet屬性界面，可以看到在上面的選項(xiàng)中，有一項(xiàng)是程序。

5.點(diǎn)擊程序選項(xiàng)，在程序視圖中，中間就有一項(xiàng)是HTML編輯。此處可以設(shè)置HTML編輯器。

6.點(diǎn)擊右側(cè)的下拉三角，在出現(xiàn)的下拉菜單中，就有可供編輯的軟件，選擇其中一種即可。


eclipse中怎么下載html編輯器？
1.打開電腦上的“eclipse”軟件。

2.點(diǎn)擊窗口上方的“幫助”--“Eclipse Marketplase”。

3.在查找一欄中輸入“aptana Studio”。

4.點(diǎn)擊回車，點(diǎn)擊“install”。

5.等待下載完成，點(diǎn)擊“Confirm”--“我接受許可協(xié)議中的條款”--“完成”即可。


如何用HTML編輯器創(chuàng)建HTML文件以及推薦的編輯器？
1.首先編寫HTML，我們需要有一款得心應(yīng)手的編輯器，下面小編會(huì)有推薦。

2.第一款：Notepad++：https://notepad-plus-plus.org/
記事本++是一個(gè)免費(fèi)的（如在“免費(fèi)言論”，也可以在“免費(fèi)啤酒”）源代碼編輯器和記事本替換，支持多種語(yǔ)言。在MS Windows環(huán)境中運(yùn)行，其使用受GPL許可證管轄。
基于強(qiáng)大的Scintilla編輯組件，Notepad ++以C ++編寫，并使用純Win32 API和STL，可確保更高的執(zhí)行速度和更小的程序大小。通過(guò)優(yōu)化盡可能多的程序而不損失用戶友好性，Notepad ++正在努力減少世界二氧化碳排放量。當(dāng)使用較少的CPU功率時(shí)，PC可以降低功耗并降低功耗，從而創(chuàng)造更加綠色的環(huán)境。

3.第二款：Sublime Text：http://www.sublimetext.com/
Sublime Text 是一個(gè)代碼編輯器（Sublime Text 2是收費(fèi)軟件，但可以無(wú)限期試用），也是HTML和散文先進(jìn)的文本編輯器。

4.第三款：HBuilder：http://www.dcloud.io/
HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基于Eclipse，所以順其自然地兼容了Eclipse的插件。

5.這次示例以Notepad++為示例演示新建 HTML 文件，在 Notepad++ 安裝完成后，選擇" 文件(F)->新建(N) "，在新建的文件中輸入以下代碼：
<!DOCTYPE html><html><head><meta charset="utf-8"><title>測(cè)試文字</title></head><body> <h1>我的第一個(gè)標(biāo)題</h1> <p>我的第一個(gè)段落。</p> </body></html>

6.然后選擇" 文件(F)->另存為(A) "，文件名為（你命名的）.html:
當(dāng)您保存 HTML 文件時(shí)，既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒(méi)有區(qū)別，完全根據(jù)您的喜好。
在一個(gè)容易記憶的文件夾中保存這個(gè)文件，

7.啟動(dòng)您的瀏覽器，然后選擇"文件"菜單的"打開文件"命令，或者直接在文件夾中雙擊您的 HTML 文件,
運(yùn)行顯示結(jié)果類似如下: