KoXo 자바스크립트 - 메서드(method) - execCommand (document, controlRange, TextRange)

현재의 문서, 현재의 선택 혹은 주어진 범위에서 명령을 수행한다.

연결을 생성하고 주소를 반환하는 예제

적색 박스 속의 텍스트를 선택하고, 클릭하여 연결을 만들어 연결을 입력해 보라.

내 홈페이지, 내가 가장 많이 방문하는 페이지.

execCommand 메서드에서 명령으로 command의 CreateLink를 사용하여 선택된 텍스트로부터 연결을 만든다.

<HTML>
<BODY>
<H4 unselectable="on">연결을 생성하고 주소를 반환하는 예제</H4>
<SCRIPT>
function AddLink(){ // 선택된 텍스트를 인식한다.
  var sText=document.selection.createRange();
  if (!sText==''){  // 연결을 생성한다.
    document.execCommand('CreateLink');  // 문자열을 주소(URL)로 대체한다.
    if (sText.parentElement().tagName=='A'){
      sText.parentElement().innerText=sText.parentElement().href;
      document.execCommand('ForeColor','false','#FF0033');
    }
  } else alert('선택 가능한 적색 박스 속의 텍스트를 선택하라.');
}
</SCRIPT>
<P unselectable="on">적색 박스 속의 텍스트를 선택하고, 클릭하여 연결을 만들어 연결을 입력해 보라.</P>
<P style="color=#3366CC;border:solid 1 red">내 홈페이지, 내가 가장 많이 방문하는 페이지.</P>
<BUTTON onclick="AddLink()" unselectable="on">연결을 추가한다.</BUTTON>
</BODY>
</HTML>

false	디폴트이며, 사용자 인터페이스를 디스플레이하지 않는다.
true	명령어가 지원되면 사용자 인터페이스를 디스플레이한다.

false	성공적으로 수행되지 않는다.
true	성공적으로 수행되었다.