SX HTML5是一款非常優(yōu)秀的可視化html頁(yè)面編輯工具，并且支持pc，移動(dòng)端和微信公眾號(hào)的網(wǎng)頁(yè)制作，操作起來(lái)十分便捷，功能是很實(shí)用的，SX HTML5目前兼容主流開(kāi)發(fā)框架的同時(shí)大大提高了前端界面的工作效率。

軟件特色

1、與原生一致的面向?qū)ο笳Z(yǔ)言

這不是一門(mén)新的語(yǔ)言，而是與原生完全一致的語(yǔ)言，最熱門(mén)的一款語(yǔ)言HTML5、CSS3、ES6（JS升級(jí)版），再也不用擔(dān)心學(xué)習(xí)后會(huì)被別人看不起了。

2、最熱門(mén)、最簡(jiǎn)單的一款面向?qū)ο笳Z(yǔ)言

這是一款最熱門(mén)的語(yǔ)言，GitHub編程語(yǔ)言排行榜 JS居首。ES6是JS的升級(jí)版本，本軟件支持ES6所有函數(shù)方法。JS也是面向?qū)ο笳Z(yǔ)言最簡(jiǎn)單的語(yǔ)言，沒(méi)有之一！你還在花大量時(shí)間學(xué)習(xí)即將被淘汰、冷門(mén)的語(yǔ)言嗎。

3、支持最熱門(mén)的動(dòng)態(tài)app格式

未來(lái)動(dòng)態(tài)APP將取代傳統(tǒng)APP，而微信小程序就是經(jīng)典的動(dòng)態(tài)APP編寫(xiě)格式。zfb小程序也參照了微信小程序的編寫(xiě)格式。隨后的快應(yīng)用（十大國(guó)產(chǎn)手機(jī)廠商、覆蓋十億設(shè)備）也與此格式相近。百度小程序也即將面世，動(dòng)態(tài)APP市場(chǎng)萬(wàn)億燒錢(qián)大戰(zhàn)一觸即發(fā)，你還在等什么？本軟件為此而誕生，完全兼容了動(dòng)態(tài)APP的編寫(xiě)格式。

4、比官方IDE更適合新手

微信小程序雖然叫小程序，但編寫(xiě)難度不低于學(xué)習(xí)傳統(tǒng)的WEB編寫(xiě)。更好的支持ES6，Mustache，CSS3，讓新手很難入門(mén)。基本所有的WEB IDE都沒(méi)有鼠標(biāo)停留提示，編寫(xiě)代碼全靠記憶與文檔。本軟件唯一支持停留提示與樹(shù)形函數(shù)列表的WEB IDE，更加符合新手使用入門(mén)。比官方IDE更懂小程序。

5、支持模塊功能

可以編寫(xiě)html5的精易模塊、WEB框架。更適合新手使用。

6、更智能的中英混合輸入提示

再也不用擔(dān)心有人說(shuō)學(xué)中文編寫(xiě)還不如英文編寫(xiě)、中文沒(méi)有英文編寫(xiě)快的XX了，中文提示完美支持中拼混輸，支持大小寫(xiě)，精確提示與易語(yǔ)言輸入一樣完美。

7、支持選擇中英翻譯

新手必備神器，自學(xué)最快速入門(mén)面向?qū)ο笳Z(yǔ)言！輸入英文直接翻譯出中文。

8、支持代碼塊功能

大多函數(shù)都支持代碼塊功能，回車(chē)直接填寫(xiě)內(nèi)容，與官方一致。

軟件功能

1、SX HTML5提供了豐富的網(wǎng)頁(yè)設(shè)計(jì)方案。

2、可以設(shè)計(jì)電腦上的網(wǎng)頁(yè)。

3、可以設(shè)計(jì)平板上的網(wǎng)頁(yè)。

4、可以設(shè)計(jì)手機(jī)上的網(wǎng)頁(yè)。

5、可以建立更快的交互性網(wǎng)頁(yè)。

6、提供可視化的開(kāi)發(fā)方案。

7、提供HTML支持庫(kù)，里面有很多編輯網(wǎng)頁(yè)必備的資源。

8、支持多款組件，在開(kāi)發(fā)網(wǎng)頁(yè)的時(shí)候快速添加需要的組件。

9、建立Tab選項(xiàng)卡、下拉選擇框、垂直導(dǎo)航、復(fù)選框、字段集區(qū)塊。

10、用該組件時(shí)，需要在HTML頭部文件聲明CSS，JS文件。

11、官方組件 與其它組件混用時(shí)，請(qǐng)注意class沖突。

12、不需要安裝，可直接在Windows系統(tǒng)里運(yùn)行;13、可視化操作，簡(jiǎn)單方便。

14、智能輸入，保證了高效率和高準(zhǔn)確度。

15、所見(jiàn)即所得，隨時(shí)查看結(jié)果。

16、支持JS樹(shù)形列表。

17、具有嚴(yán)格的繼承提示。

18、可兼容所有的框架，使用很靈活。

使用方法

1、下載html5可視化編輯器.exe軟件打開(kāi)就可以使用，這里是軟件的編輯區(qū)域。

2、提示軟件的設(shè)計(jì)功能，可以在這里添加新的事件，可以設(shè)置全局屬性。

3、可以設(shè)置的頁(yè)面功能很多，提示加載結(jié)束后、區(qū)域更新后、卸載前、歷史改變時(shí)、已下載時(shí)、已改變時(shí)。

4、這里提示媒介的屬性，支持元數(shù)據(jù)加載時(shí)、加載數(shù)據(jù)前、加載錯(cuò)誤時(shí)、可播放至結(jié)尾時(shí)、回放速率改變時(shí)、就緒狀態(tài)改變時(shí)。

5、組件功能： Bootstrap2組件、 Bootstrap3組件、 Bootstrap4.0組件、 Layui2017組件、MUI組件、ZUI組件、WUI組件。

6、組件的功能也是很多的，可以選擇開(kāi)關(guān)、引用區(qū)塊、徽章、折疊面板、按鈕、按鈕組。

7、這里是設(shè)計(jì)的主題，您編輯的內(nèi)容都可以在這里設(shè)計(jì)。

8、在相同標(biāo)簽較多時(shí)，很難找到對(duì)應(yīng)的結(jié)束標(biāo)簽，請(qǐng)點(diǎn)擊以下標(biāo)簽，編輯框會(huì)指示相對(duì)應(yīng)的結(jié)束標(biāo)簽是哪個(gè)。

9、Html、CSS、JS的函數(shù)是可以混用的，在樹(shù)型框中右擊一》切換，就可以切換到個(gè)函數(shù)表進(jìn)行編寫(xiě)，快捷鍵CTRL+1~3也可以切換，以下代碼調(diào)用了htm1及CSS的函數(shù)。

10、在函數(shù)：后輸入數(shù)字時(shí)，會(huì)顯示尺寸單位，每個(gè)單位都有對(duì)應(yīng)的說(shuō)明，請(qǐng)?jiān)囍严旅?00%改成其它單位。

11、代碼框能同時(shí)識(shí)別中英混合編寫(xiě)，添加關(guān)鍵詞時(shí)填寫(xiě)的名稱(chēng)一般是中文、編譯為英文，下面2個(gè)代碼的效果是一樣的，鼠標(biāo)放在關(guān)鍵詞處，可以查看信息。

12、編輯完成可以選擇在瀏覽器上運(yùn)行，也可以選擇在模擬器上運(yùn)行。

更新日志

增加光標(biāo)所在塊級(jí)域背景加亮。

增加保存時(shí)自動(dòng)記錄可視行號(hào)，下次進(jìn)去項(xiàng)目時(shí)自動(dòng)移動(dòng)該區(qū)域（感謝 完美軟件 的反饋）。

增加保存時(shí)自動(dòng)記錄書(shū)簽、折疊。

增加VIP驗(yàn)證功能（以后會(huì)有很多VIP功能）。

優(yōu)化真機(jī)調(diào)試提示。

優(yōu)化PHP的運(yùn)行調(diào)試（目前不能獲取端口）。

優(yōu)化代碼折疊線。

優(yōu)化模擬器真機(jī)調(diào)試安裝調(diào)試基座（感謝 葒楓 的幫助）。

優(yōu)化代碼提示框顯示速度（感謝 系列小系 的反饋）。

優(yōu)化解除屏蔽（感謝 完美軟件 的反饋）。

優(yōu)化換行策略。

優(yōu)化軟件起始頁(yè)。

優(yōu)化反撇號(hào)的自動(dòng)補(bǔ)全與智能替換。

優(yōu)化縮進(jìn)快捷鍵是TAB、減少縮進(jìn)是SHIFT+TAB（感謝 CYS 的反饋）。

修復(fù)引號(hào)補(bǔ)全的BUG。

修復(fù)CSS代碼框顏色標(biāo)記的顯示、復(fù)制、刪除的BUG。

修復(fù)翻譯代碼時(shí)的一些BUG（重要，有些會(huì)導(dǎo)致翻譯錯(cuò)誤 感謝 系列小系 的反饋）。

修復(fù)模擬器調(diào)試可能無(wú)法獲取到寫(xiě)入地址的BUG。

修復(fù)PHP會(huì)翻譯編譯文本的BUG。

修復(fù)html代碼框有時(shí)獲取不到屬性的BUG。

修復(fù)代碼折疊的BUG。

修復(fù)html代碼框標(biāo)簽內(nèi)按空格不提示的BUG。

修復(fù)html代碼框標(biāo)簽匹配有時(shí)錯(cuò)誤的BUG。

修復(fù)添加函數(shù)時(shí)的一處BUG。

更新瀏覽框miniblink180606。