鍍金池/ 問答/HTML/ React如何在頁面展示代碼?

React如何在頁面展示代碼?

就像ant design官網(wǎng)一樣

clipboard.png

除了 用編輯器上傳 保存在后臺,然后在 前端拿數(shù)據(jù)渲染
有沒有 直接寫成靜態(tài)頁面的

回答
編輯回答
孤星

1.不知道你說的靜態(tài)頁面是啥意思,這個一般是用code標簽或者pre標簽把代碼包含起來,高亮顏色自定義
2.另外也可以直接用https://github.com/codemirror... 這個庫來顯示

2017年7月7日 19:56
編輯回答
初念

可以看一下React打包方面的資料,可以把你前端的頁面打包出來。

2017年2月18日 05:43
編輯回答
萢萢糖

展示的代碼和應用的源代碼沒有關(guān)系,前者本質(zhì)是字符串,怎么寫都行,而后者是要能通過編譯并運行的。

如果你說的是展示一段和源碼本身沒關(guān)系的代碼,只要獲取這段代碼(字符串)就可以了,然后根據(jù)指定的樣式渲染在頁面上。在React里展示需要一些庫來實現(xiàn)更好的展示效果,比如高亮等。

如果是展示應用本身的源碼,瀏覽器中的JS無法操作文件,一因此需要后端讀取代碼文件,轉(zhuǎn)換成字符串發(fā)送給前端。接下來的處理和上面一樣。

2018年7月5日 10:09