컴포넌트에 '위젯 빌더'라는 제목을 붙이고 작업 중입니다 :)
(탭, 이미지 슬라이더, 롤링 배너/캐러셋, 토글/아코디언, 사용자 페이지네이션* 등등을 생성해줍니다)
* 스킨 개발 중이긴 한데 기존에 제가 만들었던 쪽 나누기 애드온 기능을 대신해줄 수 있을 것 같습니다
이번에는 활용폭을 넓히기 위해 문서의 첨부 파일을 가져와서 편집창에 드래그-앤-드롭할 수 있도록 해봤습니다.
자랑해볼게요ㅋ
1. 문서에 첨부된 파일이 있으면 목록 버튼이 활성화됩니다.
2. 목록 버튼을 클릭하면 당연히 목록이 나오겠죠ㅎ 섬네일 처리를 해서 이미지 파일은 섬네일로, 기타 파일은 일반 아이콘 이미지가 나오도록 했어요(트래픽을 아끼자!).
3. 섬네일을 드래그해보겠습니다. dragstart 이벤트가 있어서 드래그를 시작하는 순간 이미지의 src 속성값이 섬네일 주소가 아니라 '업로드 파일 네임' 주소로 바꿔치기됩니다.
4. 따라서 섬네일을 드롭하면 이미지 원본이 붙여넣기됩니다. 이후의 이미지 편집은 어렵지 않겠죠?
5. 물론 일반 파일도 드래그-앤-드롭이 가능합니다. 파일 이미지에 dragstart가 걸리면 이번에는 a 링크 태그로 변환됩니다.
6. 그렇게 드롭하면, 당연히 링크 태그로 붙여넣기가 되죠.
... 자랑 끝! '위젯 빌더' 에디터 컴포넌트 기대해주세용~
능력이 있어야 베푸는 나눔도 할 수 있을텐데 부럽습니다!!