2007/08/23 17:43

HTML WYSIWYG Editor를 만들기 위한 기본적인 사용법

위지윅 모드로 편집하는 편집기를 만들기 위해서는 iframe을 이용해서 하는 방법을 이용하게 된다.

iframe의 designMode 속성을 'on'으로 지정하면 편집모드로 설정될 수 있다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <script type="text/javascript">
window.onload = function ()
{
 var eBox = document.getElementById("EditBox");
 eBox.contentWindow.document.designMode = "on";
 eBox.frameBorder = 0;
 eBox.border = 0;
 eBox.height = "400px";
 eBox.width = "300px";
}
  </script>
 </HEAD>

 <BODY>
  <iframe id="EditBox" href="about:blank"></iframe>
 </BODY>
</HTML>

크리에이티브 커먼즈 라이선스
Creative Commons License
올블로그추천버튼 블코추천버튼 블로그뉴스추천버튼 믹시추천버튼 한RSS추가버튼 구글리더기추천버튼


이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^


Trackback 0 Comment 0

Trackback : http://i-ruru.com/trackback/140 관련글 쓰기