일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #업종별
- 해피CGI
- #뉴스
- #image
- #cgimall
- CGIMALL
- 웹솔루션
- #홈페이지제작
- 사이트제작
- php
- 쇼핑몰
- #솔루션
- 홈페이지
- javascript
- #CSS
- #이미지
- 해피씨지아이
- CSS
- #웹솔루션
- happycgi
- #해피CGI
- #happycgi
- #홈페이지
- #동영상
- #쇼핑몰
- #jQuery
- 게시판
- 홈페이지제작
- jquery
- 솔루션
- Today
- Total
목록#위지윅 (2)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
문서내의 텍스트 영역이나, DIV 컨테이너 내에 WYSIWYG 리치 텍스트 편집기를 추가하는 jQuery 플러그인입니다. 장점은 - 반응형이고, 구현하기 쉽습니다. - 최근 트랜드인 Bootstrap 3 스타일이며, Font Awesome 4 을 이용합니다. - 에디터 내의 문자열에서 단어수를 세어서 표시해줍니다. 다운로드 받은 파일의 압축을 해제하면 생기는 demo.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. demo.html 파일의 소스코드를 열어서 보면 매우 심플하게 위지윅 에디터를 화면에 출력할수 있는 샘플입니다. 사용방법은 1. HTML문서에 jQuery 라이브러리 및 기타 필요한 리소스를 포함시켜줍니다. 2. jQuery 라이브러리 다은에 jQuery LineControl Ed..
CKEditor 가 새롭게 출시 되었습니다. 에디터의 종류를 Classic , Ballon, Inline 이렇게 3가지 나누어 놓았네요 ^^ Classic 의 경우 우리에게 친숙한 에디터 화면 입니다. Ballon 은 에디터 상단바를 없애고 말풍선처럼 포커스가 지정된 곳에 에디터 툴바를 보여주는 방식이네요. Inline 도 마찬가지로 기분 상단 툴바를 없애고 각 영역에 포커스가 왔을때 상단에 툴바를 보여주도록 되어 있네요. 이번 CKEditor5 는 반응형 에디터이며 기존 에디터에 비해 매우 가볍고 맘에 쏙 드네요 ^^ 압축파일에는 그 어떤 샘플코드도 없습니다. 에디터를 사용하기 위해서는 docs 를 참고하셔야 합니다. 아래의 URL 에 접속하시면 매우 쉽게 설치 할 수 있도록 코드 안내를 하고 있으니 ..