Css 如何在web应用程序中使用行号创建文本编辑器

我试图创建一个带有行号的文本编辑器，行号随着行数的增加而增加。好吧，我的重点是使UI在Firefox操作系统中作为一个特权应用程序发挥作用。但在UI中，需要使用什么css和html来创建一个文本字段，其中行号不能由用户编辑。而且很少有其他东西像这样说，文本字段是固定高度

height:100px现在如果文本溢出，并且如果用户滚动，则行号必须与相应的行一起滚动。（我正在尝试使用
textarea
和
div
创建
contenteditable=“true”
）。我无法滚动文本字段，如果我。请提供一些帮助或任何其他方法来完成此操作。
作为在以前的公司处理此问题超过一年的人员。只需使用一个现有的源代码编辑器，如或。它们也可以在Firefox操作系统应用程序中使用（f.e.Cloud9IDE使用Ace并在FFOS上工作）