css - 如何在 Web 应用程序中创建带有行号的文本编辑器

标签 css html firefox-os

我正在尝试创建一个带有行号的文本编辑器,行号随着行数的增加而增加。好吧,我的重点是让 UI 能够在 Firefox OS 中作为特权应用程序发挥作用。但在 UI 中,需要使用 css 和 html 来创建文本字段,其中行号不能由用户编辑。很少有其他事情说,文本字段的高度是固定的 height: 100px; 现在,如果文本溢出并且用户滚动,则行号必须与相应的行一起滚动。 (我正在尝试使用 textareadiv 以及 contenteditable="true" 创建)。如果我 try this 我无法滚动文本字段。请提供一些帮助或任何其他方式来执行此操作。

最佳答案

作为一个在以前的公司解决这个问题一年多的人。只需使用现有的源代码编辑器之一,例如 AceCodeMirror 。它们也可以在 Firefox OS 应用程序中运行(例如 Cloud9 IDE 使用 Ace 并在 FOS 上运行)。

关于css - 如何在 Web 应用程序中创建带有行号的文本编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25724958/

相关文章:

jquery - 使用 jQuery $this 定位单个 div

php - 转发: Creating a RSS feed with PHP

html - CSS:即使通过 parent 100%,高度 100% 也不会表现为 100%

javascript - setTimeout 和 setInterval 在 Firefox OS 中不起作用

javascript - 在 Android 上禁用 Firefox 的视口(viewport)属性

javascript - 如何在 Firefox OS 手机上按 Enter 时阻止换行

javascript - 在警报框中显示信息并接受用户输入 - 标题、选择选项、确认、取消

css - Material Design Elevation Correct CSS

css - 滚动条在 Firefox 中位于页脚后面

javascript - 使用 Javascript 或 Jquery 删除 DIV 标签