글쓰기에 탭(Tab)키 사용하기 정보
글쓰기에 탭(Tab)키 사용하기관련링크
본문
글쓰기에 탭키 사용하는 팁을 찾다가 phpshcool에 있는 글을 참조하여 만들었습니다.
그리고, 아래의 '태엽푸는새'님의 코멘트를 참조하여 다시 올립니다.
*기능
글쓰기에서 탭키를 사용
탭키대신 공백문자 입력
html옵션 체크시 보기에서 공백 출력
[write.skin.php]----------------------------------------------------------------------------------------------------
<!-- 탭키 사용 스크립트 -->
<script language="javascript">
function useTab(ID)
{
if(event.keyCode == 9) {
ID.focus();
(ID.selection = document.selection.createRange()).text = ' ';//탭키 대신 공백 삽입
event.returnValue = false;
}
};
</script>
<!-- textarea 부분에 onkeydown="useTab(this);" 추가 -->
<textarea id=wr_content name=wr_content class=tx style='width:100%; word-break:break-all;' rows=10 itemname="내용" required onkeydown="useTab(this);"
............</textarea>
[view.skin.php]----------------------------------------------------------------------------------------------------
내용을 출력하는 부분 바로 위에 html체크하여 공백문자 삽입하는 스크립트를 추가해 줍니다.
<?
//html옵션 체크하여 공백 출력
if (strstr($view[wr_option], "html2") || strstr($view[wr_option], "html2")) {
$view[content] = str_replace(" ", " ", $view[content]);
}
?>
<span class="ct lh"><?=$view[content];?></span>
?? 궁금이
특수문자 탭키(\t)를 이용하여 출력하는 방법은 잘 모르겠네요.
여기저기 찾아보다 몰라서 그냥 편법으로 만들었습니다.
탭키특수문자(\t)를 html문서에서 이용하는 방법이 있으시면 코멘트 부탁할께요~
링크1은 샘플로 적용된 예이고
링크2는 phpschool의 참조 원문입니다.
그리고, 아래의 '태엽푸는새'님의 코멘트를 참조하여 다시 올립니다.
*기능
글쓰기에서 탭키를 사용
탭키대신 공백문자 입력
html옵션 체크시 보기에서 공백 출력
[write.skin.php]----------------------------------------------------------------------------------------------------
<!-- 탭키 사용 스크립트 -->
<script language="javascript">
function useTab(ID)
{
if(event.keyCode == 9) {
ID.focus();
(ID.selection = document.selection.createRange()).text = ' ';//탭키 대신 공백 삽입
event.returnValue = false;
}
};
</script>
<!-- textarea 부분에 onkeydown="useTab(this);" 추가 -->
<textarea id=wr_content name=wr_content class=tx style='width:100%; word-break:break-all;' rows=10 itemname="내용" required onkeydown="useTab(this);"
............</textarea>
[view.skin.php]----------------------------------------------------------------------------------------------------
내용을 출력하는 부분 바로 위에 html체크하여 공백문자 삽입하는 스크립트를 추가해 줍니다.
<?
//html옵션 체크하여 공백 출력
if (strstr($view[wr_option], "html2") || strstr($view[wr_option], "html2")) {
$view[content] = str_replace(" ", " ", $view[content]);
}
?>
<span class="ct lh"><?=$view[content];?></span>
?? 궁금이
특수문자 탭키(\t)를 이용하여 출력하는 방법은 잘 모르겠네요.
여기저기 찾아보다 몰라서 그냥 편법으로 만들었습니다.
탭키특수문자(\t)를 html문서에서 이용하는 방법이 있으시면 코멘트 부탁할께요~
링크1은 샘플로 적용된 예이고
링크2는 phpschool의 참조 원문입니다.
추천
3
3
댓글 5개

좋은팁 감사합니다.
비슷한 방법하나 적어봅니다.
<!--함수 맹글고-->
<script>
function UseTab(Id)
{
if(!document.all) return;
Id.onkeydown = function()
{
if(event.keyCode == 9) {
(Id.selection = document.selection.createRange()).text = '\t';
event.returnValue = false;
}
}
};
</script>
<!--textarea에서 쓰고-->
<textarea id='Ta' style='width:250;height:200'></textarea>
<script>UseTab(Ta);</script>
비슷한 방법하나 적어봅니다.
<!--함수 맹글고-->
<script>
function UseTab(Id)
{
if(!document.all) return;
Id.onkeydown = function()
{
if(event.keyCode == 9) {
(Id.selection = document.selection.createRange()).text = '\t';
event.returnValue = false;
}
}
};
</script>
<!--textarea에서 쓰고-->
<textarea id='Ta' style='width:250;height:200'></textarea>
<script>UseTab(Ta);</script>

textarea id="wr_content"로 되어 있을 때,
<script>UseTab(Ta);</script> 부분을
<script>UseTab(wr_content);</script>로 수정해 주어야 하나요?
위처럼 수정하면 작동을 안하기에....
<script>UseTab(Ta);</script> 부분을
<script>UseTab(wr_content);</script>로 수정해 주어야 하나요?
위처럼 수정하면 작동을 안하기에....
Event-onkeydown
굿 팁입니다.

ㅇㅀㅇㅀ