line-numbers Web组件

<line-numbers> 是一个用于在 <pre> 或 <textarea> 元素旁边添加行号的 Web 组件。

功能特性

• 支持 <pre>
• 支持 <textarea>（即使在添加或删除行时）
• 支持 CSS overflow（使用侵入式/可见或非侵入式滚动条）
• 数字被排除在内容流之外（不可选择，对复制粘贴组件很重要！）
• 通过自定义属性 --uln-number-type 使用任何 CSS 计数器样式
• 通过（<line-numbers start="999">）更改计数器的起始索引
• 数字默认是非侵入式的以减少布局偏移（通过 <line-numbers obtrusive> 选择加入侵入式行为）

限制

为了尽可能保持这个组件的简单性，请注意以下几点：

• 不支持行换行（仅支持 white-space: pre 或 white-space: nowrap，这由组件强制执行）
• 不支持使用 contenteditable 的元素