自動產生「原始碼」的 JavaScript

2016-01-05 03-37-44 的螢幕擷圖

最近一直在忙於 Tocas UI 阿,

然後在尋找 Semantic UI 到底是怎麼做出「自動產生原始碼」的功能,

所以後來我的想法就是自己做一個,

基本上概念就是:

  1. 取得指定容器內的 HTML
  2. 透過 Tidy 去清潔這個 HTML
  3. 輸出到指定容器

不過卻少了一個功能,就是「重點標記」,所以後來我又新增了這個功能,

最後概念變成:

  1. 取得指定容器內的 HTML
  2. 透過 Tidy 去清潔這個 HTML
  3. 輸出到指定容器
  4. 檢查每個容器想要標示的重點
  5. 把容器內的文字新增重點樣式

我想之後應該會在 Github 公開這個原始碼,因為真的是很方便,

其實使用起來也很方便就是了。

發表留言