글쓰기 첨부파일 버튼 확장 애드온 V0.3 (04/25/2017)

기존 스킨의 클래스를 잘못 오인하여 고유 에디터 클래스로 생각하여

스케치북스킨에는 정상적으로 작동되었으나 다른스킨에서 작동되지 않아

전체적으로 모두 수정되었습니다. 수정 및 옵션선택이 추가되었습니다.

더불어 xpresseditor는 모바일기기에서 플래시를 지원하는 기기에만 작동되며,

최근 모바일기기에는 대부분이 플래시를 지원하지 않음으로

모바일기기에서는 작동하지 않습니다. 참고하시길 바랍니다.

아래의 이미지를 참조하시길 바랍니다.

 

file_attach_button_extend10.png

[PC화면 - CK에디터 - 기존버튼도 빅버튼으로 변경가능]

file_attach_button_extend11.png

 

 

 

---------------------------------------------------------------------------------------------

 

글쓰기 첨부파일 버튼 확장 애드온 V0.2 (04/25/2017)

 

일부 웹사이트 JQuery - indexOf  버전 충돌로 인한 오류가 발생되어

기존 코드를 제거하고 간단하게 스크립트 분리 처리함.

 

---------------------------------------------------------------------------------------------

 

글쓰기 첨부파일 버튼 확장 애드온 V0.1 (04/25/2017)

 

글쓰기폼에서 사용자에 따라 파일첨부 버튼을 확장하는 간단한 기능이 추가된 애드온.

저번에 자유게시판에서  "글쓰기시 파일첨부 위치가 아쉽지 않으신가요?"라는

글을 보면서 제가 이해한되로 구현해 보았습니다.

 

주요기능 :

파일 첨부 컨테이너 위치를 변경하거나 또는 버튼을 추가로 구성 할 수 있습니다.

라이믹스에서도 호환됩니다.

 

적용에디터 :

ckeditor, xpresseditor
위 에디터에서 파생되어진
커스텀된 에디터에서도 일부 적용됨.

 

[에디터별 기능]

ckeditor :
파일컨테이너의 글자폰트 상향조정, [버튼 추가]시 첨부파일 버튼을
추가로 생성하며 위, 아래로 사용 가능. 

 

xpresseditor : 
아직 기존의 에디터를 사용하시는 곳을 위하여

불편한 부분(버튼크기)만 약간 수정하였습니다.

swf업로드 사용으로 인하여 [버튼 추가]시 버튼이 추가되지 않고
기존버튼이 이동됩니다. 본문삽입 및 이미지 삭제버튼을 빅 스타일로 변경

 

일단 간단한 기능만 넣었습니다.

다른 아이디어 있으시면 피드백 받습니다.

아래의 이미지를 참조하시길 바랍니다.

 

file_attach_button_extend00.png

[PC화면 : CK에디터-버튼컨테이너 에디터 위로변경]

file_attach_button_extend01.png

 

[PC화면 : CK에디터-버튼추가 에디터 위로-글자폰트 상향조절됨]

file_attach_button_extend02.png

 

[PC화면 : xpress에디터-버튼컨테이너 에디터 위로변경]

file_attach_button_extend03.png

 

[PC화면 : xpress에디터-버튼추가 에디터 위로-선택삭제 및 본문삽입버튼 빅스타일 변경]

file_attach_button_extend04.png

 

[모바일화면 : CK에디터-버튼컨테이너 에디터 위로변경]

file_attach_button_extend05.png

 

[모바일화면 : CK에디터-버튼추가 에디터 위로]

file_attach_button_extend06.png

 

[모바일화면 : xpress에디터-버튼컨테이너 에디터 위로변경]

file_attach_button_extend08.png

 

[모바일화면 : xpress에디터-버튼추가 에디터 위로]

file_attach_button_extend09.png