글쓰기에 탭(Tab)키 사용하기
링크
http://hyuon.net/bbs/board.php?bo_table=hf_train&wr_id=1&page=&sfl=&stx=&sst=&sod=&spt=&page= (207) http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=40863&sca=&sfl=wr_subject&stx=%C5%C7&sop=and (324)
글쓰기에 탭키 사용하는 팁을 찾다가 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의 참조 원문입니다.
댓글 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>
비슷한 방법하나 적어봅니다.
<!--함수 맹글고-->
<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>로 수정해 주어야 하나요?
위처럼 수정하면 작동을 안하기에....
<script>UseTab(Ta);</script> 부분을
<script>UseTab(wr_content);</script>로 수정해 주어야 하나요?
위처럼 수정하면 작동을 안하기에....
19년 전
Event-onkeydown
18년 전
굿 팁입니다.
15년 전
ㅇㅀㅇㅀ
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 329 |
|
19년 전 | 12034 | |
| 328 | 19년 전 | 4531 | ||
| 327 | 19년 전 | 6066 | ||
| 326 | 19년 전 | 4098 | ||
| 325 |
sanders
|
19년 전 | 3392 | |
| 324 | 19년 전 | 3492 | ||
| 323 |
|
19년 전 | 10458 | |
| 322 |
SkynSea
|
19년 전 | 7185 | |
| 321 |
|
19년 전 | 5374 | |
| 320 |
|
19년 전 | 13648 | |
| 319 |
|
19년 전 | 15669 | |
| 318 |
|
19년 전 | 14289 | |
| 317 |
|
19년 전 | 7442 | |
| 316 |
|
19년 전 | 13106 | |
| 315 |
|
19년 전 | 9633 | |
| 314 |
|
19년 전 | 10001 | |
| 313 |
|
19년 전 | 13317 | |
| 312 | 19년 전 | 2909 | ||
| 311 | 19년 전 | 4250 | ||
| 310 | 19년 전 | 3782 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기