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

* ckeditor - Simple Button - 이 플러그인은 문서내에 일반 또는 링크 버튼을 간편하게 생성할 수 있게 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simplebutton - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simplebutton'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 버튼에 들어갈 문구와 링크 URL, 버튼 색상을 선택하면 완료 - 버튼..

* ckeditor - Fixed toolbar on top - 이 플러그인은 문서 내용이 길어질때 스크롤을 내려도 툴바를 페이지 상단에 고정시켜 주는 플러그인 입니다. - 문서가 길어지더라도 이미지 삽입, 폰트 스타일 등 툴바 기능을 손쉽게 사용할 수 있습니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/fixed - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'fixed'; - 문서에 스크롤바를 내려보면 아래처럼 툴바가 ..

* ckeditor - Yet Another QR-Code Image Generator - 이 플러그인은 에디터내 QR코드를 생성하여 삽입하도록 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL, MIT * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/yaqr - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. CKEDITOR.config.extraPlugins = 'yaqr'; - CKEditor의 언어가 세팅되지 않았다면 아래처럼 세팅합니다. CKEDITOR.config.language = 'en'; - 아..

* ckeditor - oEmbed - 이 플러그인은 각종 동영상, 이미지, 음악 등 미디어를 삽입하는데 도움을 줍니다. - 미디어가 포함된 단축 URL을 입력하면 미디어가 자동으로 삽입 됩니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/oembed - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'oembed'; - 툴바에 추가된 아이콘을 눌러 미디어가 포함된 URL을 입력합니다. - [예] 를 누르면 아래처럼 미디어가 삽..

ckeditor 에 line height 를 줄수 있는 플러그인 입니다. 플러그인 설치 후 config.js 에서 config.line_height="1em;1.1em;1.2em;1.3em;1.4em;1.5em" ; 또는 config.line_height="1px;1.1px;1.2px;1.3px;1.4px;1.5px" ; 로 설정하여 사용하시면 됩니다.

간단한 설명문에 이용할 수 있는 jQuery toggle 플러그인 입니다. 버튼클릭시 토글창이 보였다가 다시 클릭시 사라지는 플러그인 입니다. 액션이벤트 외에도 토글창의 속도, 움직임효과, callback시 액션 등을 설정할 수 있습니다. 사용이 간단해서 다양한 영역에 이용할 수 있습니다.

jquery animate를 이용한 크기, 투명도, 위치등 특정 이벤트에 적용할 수 있는 플러그인 입니다. 영역의 상하좌우 위치, 영역크기, 폰트 사이즈, 배경색 등등 여러 스타일을 여러 이벤트로 변경할 수 잇는 애니메이션 jquery 풀러그인 입니다. 영역크기, 영역위치, 폰트사이즈 등등을 설정할 수 있습니다. 버튼 클릭, 마우스 오버등 여러 액션 이벤트로도 설정이 가능합니다. 다양한 포퍼먼스가 필요한 사이트에 적용이 가능하네요. ​

bootstrap Scrollspy 플러그인을 이용하여 마우스 스크롤링시 페이지의 특정 섹션을 타겟팅 할 수 있습니다. 원 페이지 형태의 사이트 제작시에 유용한 소스이며, 메뷰바의 ID값과 섹션의 링크 ID값이 일치하면 되고, 메뷰바의 활성상태 변경 속도도 제어가 가능합니다. 여러모로 활용이 가능한 bootstrap 소스입니다.

* ckeditor - Simple Ruler - 이 플러그인은 플러그인은 에디터내 자선을 표시하여 문서 좌우 여백을 쉽게 조절할 수 있도록 도와줍니다.. * 라이센스(무료) - GPL3 * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simple-ruler - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simple-ruler'; - 에디터 실행시 자선이 표시됩니다.

* ckeditor - Statistics of the number of characters - 이 플러그인은 에디터 작성시 입력한 문자, 단어, 선택된 문자, 소스의 카운트를 보여주는 플러그인입니다. * 라이센스 - 상업용 무료 (http://js.plus/licensing) * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/jsplus_stat - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'jsplus_stat';