착한 것들 - 아이프레임을 이용한 간단한 위지윅 기능

엔터는 p 태그, 쉬프트+엔터는 br 태그가 삽입되어 집니다.<br>
현재 화면을 마우스로 긁어서 복사후 삽입하거나 드래그해서 아래에 넣어보세요.<br>

<iframe name="kts" width="100%" height="300" ></iframe>
<input type="button" value=" 아이프레임 내의 태그보기 " onclick="tagView()"><br>
<textarea name="txt1" rows="16" cols="82"></textarea>

<script language="JavaScript">
<!--
	function init(){
		kts.document.designMode = 'on' //아이프레임을 디자인모드 On 해주면 쓰기가 가능
		kts.document.write('<body></body>') // 이렇게 해주지 않으면 아래 스크립트에서 에러가남
		kts.document.body.style.fontSize = '10pt'
		kts.document.body.style.fontFamily = '굴림'
		kts.focus()
	}

	function tagView(){
		txt1.value = kts.document.body.innerHTML //아이프레임의 내용을 텍스트에리어에 표시
	}

	window.onload = init;
//-->
</script>

엔터는 p 태그, 쉬프트+엔터는 br 태그가 삽입되어 집니다.<br>
현재 화면을 마우스로 긁어서 복사후 삽입하거나 드래그해서 아래에 넣어보세요.<br>

<iframe name="kts" width="100%" height="300" ></iframe>
<input type="button" value=" 아이프레임 내의 태그보기 " onclick="tagView()"><br>
<textarea name="txt1" rows="16" cols="82"></textarea>

<script language="JavaScript">
<!--
	function init(){
		kts.document.designMode = 'on' //아이프레임을 디자인모드 On 해주면 쓰기가 가능
		kts.document.write('<body></body>') // 이렇게 해주지 않으면 아래 스크립트에서 에러가남
		kts.document.body.style.fontSize = '10pt'
		kts.document.body.style.fontFamily = '굴림'
		kts.focus()
	}

	function tagView(){
		txt1.value = kts.document.body.innerHTML //아이프레임의 내용을 텍스트에리어에 표시
	}

	window.onload = init;
//-->
</script>