doucument.execCommand() 사용하기

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/

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

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