에디터 컴포넌트 자료실
| 라이센스 | Copyright |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
이미지에디터(ImageEditor) v0.6
컴포넌트 소개
연필, 브러시, 픽셀편집, 지우개, 선, 직사각형, 원, 타원, 채우기, 텍스트 넣기 등의 툴들을 제공하며, 사각영역선택/편집, 레이어기능과 약간의 필터/효과기능도 제공됩니다.
한글뿐만 아니라 영어, 중국어, 일본어도 지원됩니다.
이미지에디터 체험게시판
v0.6 변경사항
업데이트
- 이미지에디터 텍스트큐브용 개발
- 확대/축소 배율을 직접 입력할 수 있음 (0.1배~8배 가능)
- 브러쉬 품질 개선
- 사각선택영역 안의 화면이 선명해짐
- 텍스트툴 창에서 자동 줄바꿈 기능 추가
버그해결
- 파일명이 한글인 파일 불러오기 문제
- 텍스트툴 버그 해결
- 그림 너비 또는 높이가 100이하일때 스크롤바가 생기던 문제
- 지우개 크기 버그
- 이미지 로드시 선택툴로 바뀌지 않던 문제
- "찾아보기" 버튼 한글로만 나오던 문제
- 불러오기창 확인버튼 위치수정
다운로드
swf파일 외에도 html파일, php파일의 수정이 있었기때문에 swf파일만 바꾸시면 안됩니다.
기능 소개
파일 도구 (Files)
새로운 그림
그림의 폭, 높이와 초기 배경색을 지정할 수 있습니다.
불러오기
내 컴퓨터의 파일을 업로드하거나 웹상의 파일을 불러올 수 있습니다.
그리기 도구 (Tools)
사각선택영역
사각형의 영역을 선택하여 이동, 크기조절, 복사할 수 있으며 자취를 남길 수 있습니다.
ctrl + 이동/크기조절 - 복사
shift + 이동/크기조절 - 자취 남기기
delete - 삭제
연필
연필 툴로는 자유로운 드로잉이 가능합니다.
브러시
브러시 툴로 유연한 드로잉을 할 수 있습니다.
픽셀보정기능 유무설정이 적용되지 않습니다.픽셀툴
한 픽셀(pixel)씩 편집이 가능합니다.
확대후 도트작업시 유용합니다.지우개
사각형 형태로 지울 수 있습니다.
선
선 툴을 이용해 선을 그릴 수 있습니다.
사각형
사각형을 그릴 수 있습니다.
원
원을 그릴 수 있습니다.
마우스 클릭지점이 원의 중심이 됩니다.타원
타원을 그릴 수 있습니다.
글
이와 같이 글을 넣을 수 있습니다.
채우기
윈도우 그림판의 페인트통 기능처럼 플러드필을 할 수 있습니다.
레이어 (Layer)
기초적인 레이어기능 이용이 가능합니다.
필터 (Filter)
여러 필터들을 적용할 수 있습니다.
되돌리기/다시하기 (Undo/Redo)
되돌리기/다시하기 기능을 지원합니다.
단축키는 각각 crtl+z, ctrl+y입니다.
속성 설정
확대/축소기능과 굵기, 색, 불투명도, 픽셀보정(안티얼라이싱), 모서리 형태 설정을 할 수 있습니다.
설치 방법
다운로드
업로드
제로보드가 설치된 웹 계정에 올립니다.
웹 계정서버의 (zbxe경로)/modules/editor/components/ 폴더 내에 위와 같이 업로드합니다.
활성화와 권한설정
제로보드XE 관리자 페이지 - 기능성 모듈 - 위지윅 에디터에서 비활성 버튼을 클릭하여 활성화 합니다.
바로 왼쪽의 설정 버튼을 클릭하면 사용할 수 있는 회원그룹을 지정할 수 있습니다.
그외
컴포넌트 버튼이미지 고르기
(좌측부터 각각 icon1.gif, icon2.gif, icon3.gif)
기본3개와 각각의 psd파일이 준비되어 있습니다.
이중 마음에 드는 이미지파일을 icon.gif로 이름변경 하신 후 올리시거나
직접 psd파일을 수정하여 만들어 쓰실 수 있습니다.
기본으로 icon1.gif 가 icon.gif 로 되어있습니다.
(icon_bg.gif)
버튼 배경도 준비해놓았습니다.
버튼위치이동
제로보드XE 관리자 페이지 - 기능성 모듈 - 위지윅 에디터에서 위/아래 화살표를 이용해 위치를 옮기실 수 있습니다.
기타
이번 버젼부터 이미지에디터가 텍스트큐브를 지원합니다.
모든 기능이 제로보드XE와 똑같이 동작하니 관심있는 분들은 살펴봐주시면 감사하겠습니다.
살펴보기
이미지에디터 v0.5 글을 실수로 삭제해버렸습니다;;
글 저장함에 있는 글을 삭제했는데 본글도 날라가버리네요. 이 글 작성시간도 임시 저장시간이 그대로(19일 새벽2시) 옮겨졌는데 이것도 버그인것같네요.
![[레벨:2]](./modules/point/icons/default/2.gif "포인트:765point (94%), 레벨:2/30"){kind=icon}
황금망치
그러나 게시판에서는 0.6버전이라고 작동되며, 정상적으로 작동을 합니다.
업데이트 방법이 따로 있나요?
![[레벨:3]](./modules/point/icons/default/3.gif "포인트:875point (60%), 레벨:3/30"){kind=icon}
오기오기우와~~ 너무 멋집니다.. 그 전 버젼보다 훨씬 깔끔해진 느낌이네효^^
글구 jpg도 올라가구.. 하튼 넘 넘 좋아효~~*
너무 잘 쓰고 있습니당.. 감사합니당*^^*
먼저 추천 한 방 날립니다..ㅎㅎㅎ
그런데 제가 제로보드XE ver 1.0.3버젼으로 사용 중인데효..
잠시 사용해 봤는데.. 좀 이상한 점을 발견해서효...
1. 이미지 에디터에서 글 작성시 영어글씨체는 여러 종류가 거의 적용이 되는데효..
한글글씨체는 서울도시 등.. 모두 적용이 안되네효..
2. 이미지 에디터에서 이미지 불러오기 했을시 "이미지첨부"를 하지 않았는데도..
업로드 한 이미지(원본)는 무조건 글 작성하려는 페이지에서 첨부파일로 올라가는데효..
원래 그런건가효? 그렇진 않았던거 같은데용...;;;
물론 중간 중간 첨부파일을 삭제해도 되겠지만.. 좀 번거롭지 않을까 싶네효..
3. 글구 이미지 수정 작업을 다 하고 "이미지첨부"해서 본문에 첨부를 하면..
이미지에디터에 작업시 화면 크기데로 올라갑니다..
작은 이미지를 작업을 했는데.. 원래 그 이미지 크기데로 올라가야 하는데...
작업시 화면이 통째 이미지가 되어서 여백이 많은 것 처럼 올라갑니다..
제가 말을 잘 못해서뤼 이해가 되셨을지.. 헐...^^;;;
글구 혹시 "선명하게"랑 "밝게"하는 기능도 포함 되었음 좋겠네효..*^0^*
수고하세용~~*
![[레벨:4]](./modules/point/icons/default/4.gif "포인트:1935point (86%), 레벨:4/30"){kind=icon}
댣군
- 여러 한글글꼴이 적용이 안되는점은 예전부터 있었던 해결하기 난감한;; 버그입니다.
한글글꼴 문제 이외에도 현재
지우개 되돌리기/다시하기 버그, 가끔씩 나타나는 되돌리기/다시하기 버그, 그림 불러오기시 현재 레이어가 아닌 최상위 레이어에 붙여짐 ,사각형툴 아래오른쪽이 아닌 다른곳으로 그릴때 이상하게 그려지는 현상
이와같은 버그들이 알려져있습니다.. ;;
차차 수정해나갈 계획이며 이후버젼을 기다려달라는 말밖엔 못드리겠네요... 죄송합니다; - 플래시가 바로 로컬파일을 불러오지 못하기 때문에 그런 방법으로 처리하고 있습니다.
불러온다음 바로 삭제하도록 할 수는 있겠지만 굳이 그럴 필요가 없을것 같아서 놔두고있습니다. (예전 버젼도 그랬습니다) - 이미지를 로드을 할때 그림 크기가 그에 맞춰 줄어드는것은 아닙니다.
먼저 '새로운 그림' 으로 너비와 높이를 불러올 이미지에 맞게 지정하신뒤 불러와 수정 작업을 하시면 되실겁니다.
선명효과도 알아봐야겠네요. 감사합니다 ~
오뚝이그렇게 된다면 정말 금상 첨화인데.....
잘사용 하겠읍니다 추천....^^;
![[레벨:10]](./modules/point/icons/default/10.gif "포인트:9210point (84%), 레벨:10/30"){kind=icon}
띵야정말 좋은데요...^^
근데, 위의 '황금망치'님 말씀처럼 '비활성화'라고만 나오는데 실제로는 활성화되어 있습니다. 잠시 비활성화하고 싶을 때에는 지우는 방법(혹은 모듈을 모두 체크 해제하능 방법) 밖에 없는지요? ^^
![[레벨:7]](./modules/point/icons/default/7.gif "포인트:5255point (91%), 레벨:7/30"){kind=icon}
![[레벨:1]](./modules/point/icons/default/1.gif "포인트:305point (84%), 레벨:1/30"){kind=icon}
wooroot그리고 V0.5는 어디서 다운 가능한지요? ver. 01 ~0.4 까지는 있는데 ver. 0.5는 못 찾겠네요.
제로보드 에 설치되어 있는 ver. 0.5는 잘 되는데 말입니다.
해답을 주시면 대단히 감사 하겠습니다.
![[레벨:8]](./modules/point/icons/default/8.gif "포인트:7025point (96%), 레벨:8/30"){kind=icon}
bradly1
![[레벨:5]](./modules/point/icons/default/5.gif "포인트:2305point (71%), 레벨:5/30"){kind=icon}
e~세상쉼터.gif)
.gif)
![[레벨:6]](./modules/point/icons/default/6.gif "포인트:3645point (82%), 레벨:6/30"){kind=icon}
아무개640
남상욱156그런데 0.5 버전에서는 일본어 등 다국어 지원이였는데
0.6 버전에서는 정보 이외에는 한국어로 나오네요. 제쪽의 오류인가요?
http://spinowa.com/779
김경욱1380.6버전을 잘사용하고 잇습니다
하지만 ctrl + z 는 효과가 없어서 ............... 수정부탁드릴게요 ㅎ
지하수1. 이미지를 불러올때 이미지 원본 사이즈대로 폭과 넓이가 자동으로 조정되는 기능이 있다면 정말 편할 듯 합니다.
이미지 사이즈를 모르는 상태에서 폭과 넓이를 지정했다가 다시 고치는 일이 조~금 번거로워서요.
2. Crop 기능이 있으면 정말 좋을 것 같아요~ 일단 그림을 그리고 나서 남겨진 주변 여백을 잘라내고 싶은데
그러질 못해서요 ~
암튼.. 너무나 멋진 에디터 만들어 주셔서 정말 감사합니다~
![[레벨:9]](./modules/point/icons/default/9.gif "포인트:7830point (87%), 레벨:9/30"){kind=icon}
^^