글쓰기에 탭(Tab)키 사용하기 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

글쓰기에 탭(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("  ", "&nbsp;&nbsp;", $view[content]);
    }
    ?>             
    <span class="ct lh"><?=$view[content];?></span>       


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


링크1은 샘플로 적용된 예이고
링크2는 phpschool의 참조 원문입니다.
추천
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>
textarea id="wr_content"로 되어 있을 때,
<script>UseTab(Ta);</script> 부분을
<script>UseTab(wr_content);</script>로 수정해 주어야 하나요?

위처럼 수정하면 작동을 안하기에....
© SIRSOFT
현재 페이지 제일 처음으로