일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- #jQuery
- #홈페이지제작
- #업종별
- 사이트제작
- CGIMALL
- #cgimall
- javascript
- #image
- 해피CGI
- jquery
- 솔루션
- 이미지
- #웹솔루션
- #뉴스
- CSS
- 게시판
- 홈페이지제작
- #이미지
- #동영상
- #솔루션
- #쇼핑몰
- 웹솔루션
- #해피CGI
- php
- 홈페이지
- #happycgi
- 해피씨지아이
- #홈페이지
- #CSS
- happycgi
- Today
- Total
웹솔루션개발 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 을 사용할 수도 있습니다 .
- 작동 화면
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 다양한 모양의 프로세서바 - loading-bar (0) | 2025.08.29 |
---|---|
[해피CGI][cgimall] jQuery 및 Bootstrap을 사용하여 비밀번호 필드 텍스트 표시/숨기기 (0) | 2025.08.21 |
[해피CGI][cgimall] handsontable - Excel 과 유사한 curd 데이터 그리드 (0) | 2025.08.06 |
[해피CGI][cgimall] jQuery Ajax 자동완성 플러그인 (0) | 2025.08.05 |
[해피CGI][cgimall] gif 이미지에 플레이 버튼을 만들어 주는 jquery - gifplayer (0) | 2025.07.29 |
Comments