如何在 HTML 文字區域中新增行號？

在HTML 文字區域顯示行號

使用 時元素，在其左邊距顯示行號有助於增強程式碼可讀性和調試。

CodeMirror 作為解決方案

CodeMirror 是一個強大的程式碼編輯器庫可以利用它向 添加行號。其豐富的文檔為其實現提供了詳細的指導。

實現演示

可以在StackOverflow 沙箱中找到功能齊全的演示：

var editor = CodeMirror.fromTextArea(document.getElementById('code'), {
    lineNumbers: true,
    mode: 'text/x-perl',
    theme: 'abbott',
});

其他資源

有關更多幫助和自訂選項，請參閱以下資源：

• CodeMirror 文件：https://codemirror.net/doc/
• CodeMirror 的CSS ：https://codemirror.net/doc/manual.html#styling

以上是如何在 HTML 文字區域中新增行號？的詳細內容。更多資訊請關注PHP中文網其他相關文章！