將JSON.stringify的內容highlight斷行顯示

開發後台,highlight這種東西就是給工程師方便看的XD

安裝highlight

$ yarn add highlight.js

使用

import hljs from "highlight.js";
import "highlight.js/styles/github.css"; // 這可以從node_module裡面去選
<pre
  dangerouslySetInnerHTML={{
    __html: hljs.highlight(JSON.stringify(data, null, 4), { //<--重點是你要斷航,JSON.stringify就要加後面兩個參數
      language: "json",
    }).value,
  }}
/>

學習程式原來可以這麼簡單:六角學院線上課程

初學者如何成為vue前端工程師:查看課程內容

---------------------------

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

歡迎與我們聯繫:jessica@penueling.com

加入Line立即聊聊:@539mjyid

0
0 回復

發表評論

Want to join the discussion?
Feel free to contribute!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。