document 는 execCommand 함수를 이용하여 수정가능한 영역을 관리하는 명령어를 사용합니다. 


여기서는 execCommand 의 사용방법에 대해 알아 보겠습니다. 



■ Syntax


var bool = document.execCommand( commandName, showDefaultUI, value)


▶ commnadName - 실행할 명령어

▶ showDefaultUI - 기본 UI 를 보여줄지 말지 결정 (모질라는 지원하지 않습니다)

▶ value - 수치 (명령어에 따라 필요한 경우 사용)


▼ Return Value

실행결과는 true / false 값으로 리턴 됩니다. 




■ Commands


명령어에는 아래와 같은 종류 들이 있습니다. 


backColors

bold

ClearAuthenticationCache

contentReadOnly

copy

createLink

cut

delete

fontName

fontSize

decreaseFontSize

increaseFontSize

insertHTML

italic

selectAll

underline

redo

undo


이름만 봐도 어떤 의미 인지 알 수 있는 자주 사용하는 명령어 들입니다. 


사용 방법은 예제를 만들기에 너무 방대 하여 아래 링크 하나 참조 하시면 됩니다. 

https://codepen.io/chrisdavidmills/full/gzYjag/


아래와 같이 웹상에서 수정 변경하는 작업을 테스트 할 수 있습니다. 

또한 초록색으로 하일라이트 되지 않은 회식 버튼들은 해당 브라우저에서 사용 불가능함을 보여 주고 있습니다. 












'HTML' 카테고리의 다른 글

[HTML 코딩] URL vs URI  (1578) 2017.09.05
블로그 이미지

쉬운코딩이최고

Android, Java, jsp, Linux 등의 프로그래밍 언어를 소개 합니다.

,