크게 작게 인쇄

[그누보드]cheditor 자동 줄 늘리기

에디터 사용시 글 입력시 자동으로 늘어 나게 하는 함수 입니다 


textarea에 text-overflow:ellipsis를 이용하시면 자동늘어나는데 
에디터 같은경우는 iframe 을 써서 자동으로 늘어나기 힘들지요. 

먼저 에디터있는곳에 아래은 스크립트를 넣어 주십니다 
wr_content 는 각 에디터 이름이니 바꾸시면 됩니다 
min_height 최소 높이 입니다 
jQuery 에서 
ie 에서는 div 로 값이 나오는데 
나머지 브라우저에서는 p로 되야 값이 나옵니다 

//------------------------------------ 
function checker() 

var min_height = 210; 
var height = 0 ; 
jQuery("#wr_content_td iframe").contents().find("body > div").each(function (){ 
height += jQuery(this).height(); 
}); 
jQuery("#wr_content_td iframe").contents().find("body > p").each(function (){ 
height += jQuery(this).height(); 
}); 
if(height > min_height) { 
jQuery("#wr_content_td iframe").height(height+40); 
} else { 
jQuery("#wr_content_td iframe").height(min_height+40); 




그리고 cheditor5/cheditor.js 을 여시고 doOnkeyUp 을 찾으신후 
아래와 같이  parent.checker(); 를 넣어 주십니다 

doOnKeyUp : function () { 
//------------------ 
//줄변환 함수 
parent.checker(); 
//------------------ 
    this.config.keyUpCount++; 
}, 

글자 입력시 높이를 변경이 됩니다.



※ 로그인 하시면 원본파일을 볼 수 있습니다. ※

0
코멘트 0
그누보드팁 | 전체게시물 160
안내

포인트안내닫기

  • 글읽기0
  • 글쓰기100
  • 댓글쓰기50
  • 다운로드-500
그누보드팁리스트
번호 제목 글쓴이 날짜 조회 추천
120 파일첨부 링크 슈퍼맨 웹스터디 09-26 7015 0
119 텍스트 슈퍼맨 웹스터디 09-26 4047 0
118 텍스트 슈퍼맨 웹스터디 09-26 4463 0
117 텍스트 링크 슈퍼맨 웹스터디 09-26 4079 0
116 텍스트 링크 슈퍼맨 웹스터디 09-24 4017 0
115 텍스트 슈퍼맨 웹스터디 09-22 4048 0
114 텍스트 슈퍼맨 웹스터디 09-22 4592 0
113 텍스트 링크 슈퍼맨 웹스터디 09-22 4060 0
112 파일첨부 +1 링크 슈퍼맨 웹스터디 09-22 4656 0
111 텍스트 링크 슈퍼맨 웹스터디 09-22 5212 0
110 텍스트 링크 슈퍼맨 웹스터디 09-20 4538 0
109 텍스트 +2 슈퍼맨 웹스터디 09-12 4536 0
108 텍스트 슈퍼맨 웹스터디 09-07 4602 0
107 텍스트 슈퍼맨 웹스터디 08-20 5668 0
106 텍스트
[그누보드]cheditor 자동 줄 늘리기
슈퍼맨 웹스터디 07-25 5251 0
105 텍스트 슈퍼맨 웹스터디 07-16 5660 0
104 텍스트 링크 슈퍼맨 웹스터디 07-13 4658 0
103 텍스트 슈퍼맨 웹스터디 06-27 5469 0
102 파일첨부 +1 슈퍼맨 웹스터디 05-06 4838 0
101 텍스트 링크 슈퍼맨 웹스터디 05-05 4920 0