테스트 사이트 - 개발 중인 베타 버전입니다

글쓰기에 탭(Tab)키 사용하기

· 19년 전 · 3866 · 5
글쓰기에 탭키 사용하는 팁을 찾다가 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(" ", "&nbsp;&nbsp;", $view[content]);
}
?>
<span class="ct lh"><?=$view[content];?></span>


?? 궁금이
특수문자 탭키(\t)를 이용하여 출력하는 방법은 잘 모르겠네요.
여기저기 찾아보다 몰라서 그냥 편법으로 만들었습니다.
탭키특수문자(\t)를 html문서에서 이용하는 방법이 있으시면 코멘트 부탁할께요~


링크1은 샘플로 적용된 예이고
링크2는 phpschool의 참조 원문입니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

19년 전
좋은팁 감사합니다.
비슷한 방법하나 적어봅니다.

<!--함수 맹글고-->
<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>
16년 전
textarea id="wr_content"로 되어 있을 때,
<script>UseTab(Ta);</script> 부분을
<script>UseTab(wr_content);</script>로 수정해 주어야 하나요?

위처럼 수정하면 작동을 안하기에....
Event-onkeydown
18년 전
굿 팁입니다.
ㅇㅀㅇㅀ

게시글 목록

번호 제목
2604
2588
2587
2572
2565
2561
2527
2515
2501
2497
2487
2484
2481
2479
2463
2462
2433
2396
2393
2381