[Javascript] 一個好用的排版 HTML + JS 的 library

2020-07-19

之前寫過一篇文章,[Javascript] 再次探索CodeMirror,熱鍵,自動排版,佈景主題 ,這裡面我有提到可以用一個 codemirror pluging 可以做到程式碼排版,但是他排版狀況,大致 OK ,但是對於一些小部份我覺得不是很好看,尤其是跟 javascript 混再一起的時候,後來我上網找了一下,大家推薦這個 beauty js https://github.com/beautify-web/js-beautify



1. 首先你要引入 JS

2.之後就是 程式碼的部分,其實很簡單 就是 html_beautify('HTML+JS CODE', { indent_size: 2 });

結果 Sample :

網路上都是使用 nodejs 的方法,因為我是跟 code mirror 整合,所以測試了一下,我就筆記一下這好用套件,這比 code mirror 排的好看,推薦給大家 :)


當麻許的超技八 2014 | Donma Hsu Design.