스마트에디터 입력 용량 체크

$( document ).ready( function() {
setTimeout(function() {
var jbHtml = document.querySelector("iframe").contentWindow.document.querySelector("iframe").contentWindow.document.querySelector(".se2_inputarea");

//키보드 입력을 받았을때
jbHtml.addEventListener("keyup", function(e) {
var text = this.innerHTML;
text = text.replace(/<br>/ig, ""); // br 제거
text = text.replace(/ /ig, "");// 공백 제거
// text = text.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/ig, ""); // html 제거

var str_len = text.length;

var rbyte = 0;
var rlen = 0;
var one_char = "";

for(var i=0; i<str_len; i++){
one_char = text.charAt(i);
if(escape(one_char).length > 4){
rbyte += 3; //한글3Byte
}else{
rbyte++; //영문 등 나머지 1Byte
}

}

document.querySelector(".intro_size span").innerHTML = rbyte/1000;


//url 이미지 파일 사이즈 체크
const imgreg = /(<img[^>]*src\s*=\s*[\"']?([^>\"']+)[\"']?[^>]*>)/g;
var url_img_size = 0;

while(imgreg.test(text)){

url_img = RegExp.$2.trim();

if(url_img.substr(0,10) == 'data:image'){continue;}

$.get(url_img, function(responseText) {
url_img_size += responseText.length;


total_size = url_img_size + rbyte;
document.querySelector(".intro_size span").innerHTML = total_size/1000;

});
}

// alert(len);
// total_size = url_img_size + rbyte;
// document.querySelector(".intro_size span").innerHTML = total_size/1000;

// if(rbyte > 40000) {
// alert("최대 40000 byte까지 입력 가능합니다.");
// }
});

}, 1000)
}
);
0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

HTML/CSS/기타

번호 제목 글쓴이 날짜 조회수
29 자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리 관리자 09-14 5,304
28 div 2개 나란히 정렬하는 방법 관리자 09-09 4,889
27 HTML, CSS - 헤더컬럼 고정형 table 구성하기 관리자 09-06 4,448
26 Drag and Drop File Upload 관리자 09-03 3,033
25 rowspan으로 합친 table에서 룰오버 관리자 08-23 2,526
24 스마트에디터 입력 용량 체크 관리자 07-06 1,912
23 자바스크립트 정규표현식 모음 관리자 07-03 1,198
22 [Javascript] 쓰레드(웹 워커-Web worker)를 사용하는 방법 관리자 04-13 1,066
21 구글 차트 관리자 04-12 1,614
20 Camera API 관리자 04-07 799
19 전화번호 자동 정규식 처리 관리자 04-06 850
18 picocss 관리자 04-03 796
17 CSS 폰트 적용하기 관리자 03-15 696
16 JQuery html2canvas div 이미지 저장 (div 영역 이미지 캡쳐) 관리자 03-15 2,400
15 [#. CSS] 이미지 위에 텍스트, 글자 올리기 text on image 관리자 03-15 2,467
14 다음 지도 api 주소을 좌표 구하고 여러개 마커 제어하기 관리자 03-08 1,082
13 jquery upload 관리자 02-27 633
12 QR코드 활용에 관하여… 관리자 02-08 864
11 비밀번호 정규식 모음 관리자 11-21 774
10 JQuery 노드찾기 관리자 11-12 784