웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 텍스트 영역에 대한 사용자 정의 가능한 줄 번호 - jQuery Linenumbers 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 텍스트 영역에 대한 사용자 정의 가능한 줄 번호 - jQuery Linenumbers

해피CGI윤실장 2025. 8. 20. 09:24

- 소개

Textarea-with-Linenumbers는 일반 텍스트 영역 요소에 사용자 정의 가능하고 사용하기 편리한 줄 번호를 추가하는 작은 jQuery 플러그인입니다. 코딩 환경, 스크립트 편집 또는 줄별 서식이 중요한 대량의 텍스트 관리에 이상적입니다.

콜백 함수의 출력 결과에 따라 각 줄 번호의 스타일을 사용자 지정할 수 있습니다. 이를 통해 텍스트 블록 내 특정 키워드, 구문 또는 문자가 포함된 줄에 주의를 끌 수 있습니다.


또한, 이 플러그인은 커서 위치를 감지하고 현재 줄 번호를 강조 표시하는데, 이는 문제를 빠르게 찾아 수정하는 데 유용합니다.





- 라이센스

MIT





- 사용 방법

1. 최신 jQuery 라이브러리가 포함된 문서에 textarea-with-linenumbers 플러그인 파일을 로드합니다.





2. textarea 요소 에 함수를 호출하면 linenumbers 플러그인이 나머지 작업을 처리합니다.





3. 
줄 번호 여백의 너비를 설정합니다. 기본값: 30px.





4. 
줄 번호가 0부터 시작하는지 1부터 시작하는지 확인합니다. 기본값: 1.






5. 커서가 위치한 줄의 모든 텍스트 내용을 출력합니다.






6. 해당 줄에 특정 문자, 단어 또는 구문이 포함되어 있는 경우 줄 번호를 강조 표시하는 데 lineValidatorCallback 을 사용할 수도 있습니다 .










- 작동 화면

 

Comments