일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- #홈페이지제작
- #솔루션
- CGIMALL
- #CSS
- happycgi
- #업종별
- php
- 홈페이지
- 웹솔루션
- #해피CGI
- CSS
- #cgimall
- 해피씨지아이
- 해피CGI
- 홈페이지제작
- javascript
- 쇼핑몰
- #이미지
- #웹솔루션
- #jQuery
- #쇼핑몰
- 게시판
- 솔루션
- 사이트제작
- #happycgi
- #image
- #홈페이지
- #뉴스
- #동영상
- jquery
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Responsive WYSIWYG Text Editor with jQuery and Bootstrap - LineControl Editor 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Responsive WYSIWYG Text Editor with jQuery and Bootstrap - LineControl Editor
해피CGI윤실장 2019. 11. 6. 09:21문서내의 텍스트 영역이나,
DIV 컨테이너 내에 WYSIWYG 리치 텍스트 편집기를 추가하는 jQuery 플러그인입니다.
장점은
- 반응형이고, 구현하기 쉽습니다.
- 최근 트랜드인 Bootstrap 3 스타일이며, Font Awesome 4 을 이용합니다.
- 에디터 내의 문자열에서 단어수를 세어서 표시해줍니다.
다운로드 받은 파일의 압축을 해제하면 생기는
demo.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.
DIV 컨테이너 내에 WYSIWYG 리치 텍스트 편집기를 추가하는 jQuery 플러그인입니다.
장점은
- 반응형이고, 구현하기 쉽습니다.
- 최근 트랜드인 Bootstrap 3 스타일이며, Font Awesome 4 을 이용합니다.
- 에디터 내의 문자열에서 단어수를 세어서 표시해줍니다.
다운로드 받은 파일의 압축을 해제하면 생기는
demo.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.
demo.html 파일의 소스코드를 열어서 보면
매우 심플하게 위지윅 에디터를 화면에 출력할수 있는
샘플입니다.
사용방법은
1. HTML문서에 jQuery 라이브러리 및 기타 필요한 리소스를 포함시켜줍니다.
2. jQuery 라이브러리 다은에 jQuery LineControl Editor 플러그인의 JavaScript 및 CSS를 포함시켜주세요.
3. 텍스트 편집기를위한 빈 컨테이너 요소를 작성해주세요.
4. 컨테이너 요소에서 플러그인을 호출해주세요.
대표적으로 많이 사용되는 위지윅에디터인 ckeditor 나 다른 에디터들에 비해서는
기능적으로는 약간 부족한 면이 없지 않아
있지만,
적용하기 쉽고, 간단하고, 가벼운 장점이 있네요.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] jquery SlideMenu.js (0) | 2019.11.08 |
---|---|
[해피CGI][cgimall] 탭메뉴 에니메이션 Tab Bar Menu Animation (0) | 2019.11.07 |
[해피CGI][cgimall] 반응형 슬라이드 형태의 타임라인 Responsive slider timeline with Swiper (0) | 2019.10.30 |
[해피CGI][cgimall] speechSynthesis 를 이용한 음성 합성 (0) | 2019.10.29 |
[해피CGI][cgimall] JavaScript 와 CSS3 를 이용한 사이클 메뉴 (0) | 2019.10.28 |
Comments