라이믹스 코어에 내장된 CKEditor에서 파일 업로드 부분만 작업중인 자료입니다.
내 고양이 귀여워...
client-side(브라우저)에서 화소가 큰 이미지를 리사이즈 하도록 개선했습니다.
파일 업로드 UI도 변경 중이라서 동작되는 기능이 없습니다.
브라우저에서 리사이즈 기능의 확인을 위해 미리 배포해보는 테스트 버전입니다.
실 서비스에서는 사용할 수 없는 수준입니다.
이미지는 2000*2000 픽셀을 초과하면 사용자 브라우저에서 리사이즈 한 후에 업로드합니다.
(즉 2000 픽셀을 초과하는 이미지를 업로드해서 테스트해야 합니다)
57개 파일(총 약 490MiB)을 브라우저에서 리사이즈된 파일의 총 합은 약 29MiB로 줄어든 상태로 서버로 전송되었습니다.
이미지 품질의 문제(이미지 품질은 특정 환경에 따라 조금 개선할 수 있음)나 브라우저의 성능에 심각한 영향이 없다면 서버 전송량 감소나 GD/imagemagick 등을 이용한 서버측 부담을 덜 수 있을거라 기대합니다.
파일 업로드 기능은 라이믹스에 내장된 jQuery File Upload의 최신 버전을 따로 가져와 사용했습니다.
이미지 리사이즈 기능 또한 jQuery File Upload와 연동되는 기능을 활용했습니다.
둘 다 설치해야 기능이 동작하며(에디터 스킨이 rxp 모듈에 의존함), 첨부된 파일들을 서버에 업로드하는 것 만으로도 사이트 운영에 영향을 줄 수도 있지 않을까 혹시나 싶으니 운영중인 사이트에서 사용은 피하시기 바랍니다.
라이믹스 2.0.11 버전과 PHP 7.0.33에서 테스트 되었습니다.
UI나 본문에 추가 삭제 등은 그냥 버튼이 거기 있을 뿐 동작하지 않으니 "JPG 등의 이미지를 업로드"에 한하여 테스트 해주실 수 있는 분이 계시다면 사용해보시고 이미지의 화질이 불만족 스럽다거나 브라우저 속도가 굉장이 느려진다거나 하는 등의 문제가 있는지 확인 부탁드립니다. 브라우저 호환성도 무시된 상태입니다.
두 개의 파일이 첨부되어 있으며, 아래와 같은 경로에 설치하면 됩니다.
- rxp-버전.zip
- 모듈
- /modules/rxp 폴더에 설치
- 관리 페이지 대시보드에서 설치 또는 업데이트 버튼을 클릭해줘야 합니다
- rxp_ckeditor-버전.zip
- 에디터 스킨
- /modules/editor/skins/rxp_ckeditor 폴더에 설치
