유용한 팁 공유 게시판
제로보드에 관한 팁이나 강의를 소개하는 게시판입니다.
팁공유라고 해서 아주 특별하거나 기발한거 아니어도 됩니다.
자신이 제로보드를 사용하면서 생긴 자신만의 노하우나 아주 사소한 팁이어도 좋습니다.
자신에겐 아무것도 아니더라도 다른분들께는 분명 중요하고 소중한 팁이 될수 있을겁니다.
팁공유라고 해서 아주 특별하거나 기발한거 아니어도 됩니다.
자신이 제로보드를 사용하면서 생긴 자신만의 노하우나 아주 사소한 팁이어도 좋습니다.
자신에겐 아무것도 아니더라도 다른분들께는 분명 중요하고 소중한 팁이 될수 있을겁니다.
글수 4,496
요즘 웹상 게시판에 흔히 쓰이는 웹에디터가 execCommand를 이용한 경우가 많습니다.
( 사실 거의 전부?! )
아래 명령어만 잘 활용하면 손쉽게 엘리멘트(요소) 를 조종할 수 있으니 많이 활용해보세요..
뭐 자바스크립트 쓰시는 분이 모를리는 없지만.. 혹시나해서.. ㅋ
참고로 아래 명령어는 최소 IE 4.0 이며 권장 사항으론 IE5.5에서 적용 가능합니다.
넷츠케이프(이외 FireFox포함 )도 대부분 명령어가 가능하나 일부 불가능한 명령어가 있으니 찾아보시기 바랍니다 ^^;
스크립트 문법
[bVal=]object.execCommand(sCommand[,bUserInterface][,vValue])
ex)
document.execCommand('JustifyCenter');
명령어 목록(Command Identifiers)
| 2D-Position | 항상 드래그로 위치된 엘레멘트의 이동시킬 수 있다. |
| AbsolutePosition | 엘레멘트의 위치(position)를 절대위치(absolute)로 설정한다. |
| BackColor | 현재 선택의 배경색을 지정하거나 반환한다. |
| Bold | 현재의 선책을 굵은 글자(bold)나 굵지않은 글자로 전환한다. |
| ClearAuthenticationCache | 캐쉬(cache)의 모든 내용을 지운다. execCommand에서만 사용이 가능하다. |
| Copy | 현재의 선택한 내용을 클립보드로 복사한다. |
| CreateBookmark | 현재 선택이나 삽입 포인트의 anchor 혹은 북마크의 상대 이름 앤커로 북파크(bookmark)를 생성한다. |
| CreateLink | 현재 선택에 주소 연결(hyperlink)을 삽입하거나, 주소를 입력하여 삽입할 수 있는 대화창을 열어준다. |
| Cut | 현재의 선택한 내용을 클립보드로 복사하고 선택 내용을 지운다. |
| Delete | 현재 선택을 삭제한다. |
| FontName | 현재 선택의 글꼴을 지정하거나 반환한다. |
| FontSize | 현재 선택의 글꼴 크기를 지정하거나 반환한다. |
| ForeColor | 현재 선택의 글꼴 색상(foreground)을 지정하거나 반환한다. |
| FormatBlock | 현재 블럭의 태그를 설정한다. |
| Indent | 현재 선택 문자를 한 증가분 만큼 뒤로 들여쓰기 한다. |
| InsertButton | 사용자나 메서드에 의하여 선택된 단추(button)의 보이는 내용을 삽입한다. selection 개체 createRange 메서드를 사용하여 선택한 문자를 반환하거나 설정할 수 있다. |
| InsertFieldset | 문자 선택(text selection)의 박스를 삽입한다. |
| InsertHorizontalRule | 문자 선택(text selection)의 수평선(HR)을 합입한다. |
| InsertIFrame | 문자 선택(text selection)의 인라인 프레임(IFRAME)을 삽입한다. |
| InsertImage | 문자 선택(text selection)의 이미지(IMAGE)를 삽입한다. |
| InsertInputButton | 문자 선택(text selection)의 단추(BUTTON)를 삽입한다. |
| InsertInputCheckbox | 문자 선택(text selection)의 체크박스(CHECKBOX)를 삽입한다. |
| InsertInputFileUpload | 문자 선택(text selection)의 파일업로드(FileUpload)를 삽입한다. |
| InsertInputHidden | 문자 선택(text selection)의 감춘단추(HIDDEN)를 삽입한다. |
| InsertInputImage | 문자 선택(text selection)의 이미지(IMAGE) 제어를 덮어씌우기한다. |
| InsertInputPassword | 문자 선택(text selection)의 암호(PASSWORD) 제어를 덮어씌우기한다. |
| InsertInputRadio | 문자 선택(text selection)의 레디오단추(RADIO) 제어를 덮어씌우기한다. |
| InsertInputReset | 문자 선택(text selection)의 재설정(RESET) 제어를 덮어씌우기한다. |
| InsertInputSubmit | 문자 선택(text selection)의 송신(SUBMIT) 제어를 덮어씌우기한다. |
| InsertInputText | 문자 선택(text selection)의 문자열입력(TEXT) 제어를 덮어씌우기한다.. |
| InsertMarquee | 문자 선택(text selection)의 빈 마퀴(MARQUEE)를 덮어씌우기한다.. |
| InsertOrderedList | 문자 선택(text selection)의 번호있는 목록(OL)과 보통 블럭간의 전환을 한다. |
| InsertParagraph | 문자 선택(text selection)의 줄바꿈(BR)을 덮어씌우기한다. |
| InsertSelectDropdown | 문자 선택(text selection)의 드롭다운 제어를 덮어씌우기한다. |
| InsertSelectListbox | 문자 선택(text selection)의 목록박스 선택 제어를 덮어씌우기한다. |
| InsertTextArea | 문자 선택(text selection)의 여러 줄 텍스트 입력 제어를 덮어씌운다.. |
| InsertUnorderedList | 문자 선택(text selection)을 번호있는 목록과 일반 블럭 양식을 서로 교차시킨다. |
| Italic | 문자 선택(text selection)에서 이태릭(italic) 문자와 보통 문자간 전환한다. |
| JustifyCenter | 문자 선택(text selection)이 위치한 불럭에서 중앙에 위치시킨다. |
| JustifyLeft | 문자 선택(text selection)이 위치한 불럭에서 왼똑에 위치시킨다. |
| JustifyRight | 문자 선택(text selection)이 위치한 불럭에서 오른쪽에 위치시킨다. |
| LiveResize | 위치 변경과 크기 변경에 따라 업데이트 뿐 아니라, 과정 중 계속적으로 모양을 유지위하기 업데이트를 한다. |
| MultipleSelection | 예를 들어 편집기의 이미지와 제어를 하나의 엘레멘트처럼, 한개 이상의 엘레멘트를 선택할 수 있게 허용한다. 지명적이거나 암시적으로 속성이 지정된 엘레멘트는 한번에 SHIFT 나 CTRL로 선택될 수 있다. |
| Outdent | 문자 선택(text selection)의 현위치에서 들어쓰기 한 증가분 만큼 왼쪽으로 내어쓰기 한다. |
| OverWrite | 문자 입력 방식과 덮어쒸우기 방식 사이를 전환한다. |
| Paste | 문자 선택(text selection)을 클립보드 내용으로 덮어씌우기 한다. |
| 사용자가 편재의 문서를 인쇄할 수 있도록 인쇄 대화상자를 열어 준다. | |
| Refresh | 현재의 문서를 새로고침 한다.. |
| RemoveFormat | 현재 선택 문자로 부터 태그들을 제거한다. |
| SaveAs | 현재의 문서를 파일로 저장한다. |
| SelectAll | 전체 문서를 선택한다. |
| UnBookmark | 현재의 선택으로부터 북마크의 어떤 내용을 삭제한다. |
| Underline | 현재 선택 문자에서 밑줄 그어진 부분과 밑줄 없는 부분 사이를 전환한다. |
| Unlink | 현재 선택 문자에서 모든 연결을 삭제한다. |
| Unselect | 현재 선택 문자을 취소한다. |


