타운광장토픽게시판

라이믹스 코어에 내장된 CKEditor에서 파일 업로드 부분만 작업중인 자료입니다.

 

스크린샷 2021-05-03 오후 6.52.44.png.jpg
내 고양이 귀여워...

 

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 폴더에 설치

 

글쓴이 비엔유

profile
https://github.com/rx-public
https://velog.io/@rxpublic
  • profile
    이 에디터가 완성되면 본문입력없이 파일 업로드가 가능해지는 건가요~
  • profile profile
    이미지를 자동으로 본문 삽입?을 말씀하시는 거라면.. 지금 안 되었던가요?;;
    아니면 내용 입력 없이 글 작성?을 말씀하시는 거라면 그건 게시판에서 제한하는 것이라서...
  • profile profile
    아 제가 오해를 했나보네요. 전 본문입력없이 파일 업로드 부분만 가능한 에디터로 생각했네요~^^;
  • profile

    코어에 포함된 jQuery File Upload와 차이가 있던가요? 코어에서도 한동안 업데이트하지 않은 것 같은데, 호환성을 유지하면서 최신 버전으로 올릴 수 있을지 조언을 부탁드립니다.

  • profile profile

    3년 가량 됐더라고요.
    큰 차이는 없습니다. 뭐 크게 변경된 것도 없고요.
    변경 내역보면 대부분 데모 업데이트나 개발용 디펜던시 변경 등이 대부분일 정도^^;

    약간의 호환성 개선 정도가 변경 사항이라 봐도 될 것 같습니다.

    저는 이미지 리사이즈를 위해 연동하여 사용하는 라이브러리 때문에 최신버전 가져다 썼습니다.