weijie chi問一下,我想要用 blogger 寫技術文章,目前可以用 Highlight.js 給程式碼展示區塊高亮程式碼,複製的功能也沒問題,現在我的需求是想要給程式碼展示區快加上行號,但是不要破壞 HTML 結構,請問有解決方案嗎?
之前用過 highlightjs-line-numbers.js ,但是會把程式碼區塊變成 HTML table 導致複製功能出問題
以下是我目前測試用的 html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="widt
document.querySelectorAll('.copy-btn').forEach
weijie chi之前直接看別人有行號的 html 原始碼展示區塊,多是 table 每行再包 <span> 但是複製程式碼按鈕卻不讓排版跑掉,我還搞不懂是怎麼辦到的
弄两份, 一份展示, 一份用 ``包一下, 复制的是源代码
{
"$schema": "https://nodejs.org/dist/v23.10.0/docs/node-config-schema.json",
"nodeOptions": {
"experimental-strip-types": true,
"disable-warning":"ExperimentalWarning"
}
}
{
"$schema": "https://nodejs.org/dist/v23.10.0/docs/node-config-schema.json",
"nodeOptions": {
"experimental-strip-types": true,
"disable-warning":["ExperimentalWarning"]
}
}