웹 응용 프로그램에서 줄 번호가있는 텍스트 편집기를 만드는 방법

Question

줄이 증가하는 줄 번호가있는 텍스트 편집기를 만들려고합니다. 글쎄, 내 초점은 권한 응용 프로그램으로 파이어 폭스 OS에서 잘할 UI를 만드는 것입니다. 하지만 UI에서는 줄 번호가 사용자가 편집 할 수없는 텍스트 필드를 만들기 위해 CSS와 HTML을 사용해야합니다. 그리고 텍스트 필드가 고정 높이 인 height: 100px; 인 것처럼 말하면서 텍스트가 오버플로되고 사용자가 스크롤하면 줄 번호가 각 줄과 함께 스크롤해야합니다. (나는 textarea 및 div을 사용하여 contenteditable="true"으로 만들려고합니다.) 내가 try this 인 경우 텍스트 필드를 스크롤 할 수 없습니다. 이를 위해 도움이나 다른 방법을 제공해주십시오.

Answer 1

이 문제를 이전 회사에서 1 년 넘게 일한 사람입니다. Ace 또는 CodeMirror과 같은 기존 소스 코드 편집기 중 하나를 사용하십시오. 그들은 Firefox OS 응용 프로그램에서도 작동합니다 (예 : Cloud9 IDE는 Ace를 사용하고 FFOS에서 작동합니다).