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

[해피CGI][cgimall] 위지윅 에서 업로드한 이미지를 슬라이드로 만들어주는 BlueImp Gallery 본문

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

[해피CGI][cgimall] 위지윅 에서 업로드한 이미지를 슬라이드로 만들어주는 BlueImp Gallery

해피CGI윤실장 2016. 12. 9. 09:30

https://www.youtube.com/watch?v=_Ww8GxozMco

위의 유투브 링크로 해당 기능을 영상으로 확인 가능합니다.

설치 방법은 아래와 같습니다.

1. blueimpgallery.zip 파일을 압축을 풉니다.
2. blueimpgallery 폴더를 ckeditor / plugins 안에 복사합니다.
3. ckeditor / config.js 파일을 엽니다.
4.

config.extraPlugins = 'widget,lineutils,blueImpGallery';
config.filebrowserBrowseUrl = '/browser/browse.php';
config.contentsCss = 'https://blueimp.github.io/Gallery/css/blueimp-gallery.css';
config.allowedContent = true;
config.blueImpGallery_fileManager = 'ckfinder';
config.blueImpGallery_thumbnail_directory = 'http://localhost/ckeditor/file-manager/thumbs/Images/';
config.blueImpGallery_bootstrap = false;

위의 소스를 추가합니다.

5.

config.toolbar = [
    { name: 'insert', items: [ 'BlueImpGallery', 'Source' ] }
];

버튼 그룹도 추가합니다.

6. ckeditor.html 파일을 열고 자신의 설정에 맞게 조절합니다.
7. ckeditor.js 소스 경로를 아래와 같이 변경합니다.

<script type="text/javascript" src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>

9. 브라우저 캐쉬를 비웁니다.


해당 플러그인은 유료 플러그인으로 유료인 만큼 기능이 훌륭 합니다.

 

홈페이지바로가기 

Comments