first

_core/js/ckeditor5.js

@@ -0,0 +1,91 @@
+// ckeditor5 이미지 업로드 어텝터
+class rbUploadAdapter {
+	constructor( loader ) {
+		this.loader = loader;
+	}
+
+	upload() {
+		return this.loader.file
+			.then( file => new Promise( ( resolve, reject ) => {
+
+				this._initRequest();
+				this._initListeners( resolve, reject, file );
+				this._sendRequest( file );
+			} ) );
+	}
+
+	// Aborts the upload process.
+	abort() {
+		if ( this.xhr ) {
+			this.xhr.abort();
+		}
+	}
+
+	// Initializes the XMLHttpRequest object using the URL passed to the constructor.
+	_initRequest() {
+		const xhr = this.xhr = new XMLHttpRequest();
+		xhr.open( 'POST', rooturl+'/?r='+raccount+'&m=mediaset&a=upload', true );
+		xhr.responseType = 'json';
+	}
+
+	// Initializes XMLHttpRequest listeners.
+	_initListeners( resolve, reject, file ) {
+		const xhr = this.xhr;
+		const loader = this.loader;
+		const genericErrorText = `업로드 에러 : ${ file.name }.`;
+
+		xhr.addEventListener( 'error', () => reject( genericErrorText ) );
+		xhr.addEventListener( 'abort', () => reject() );
+		xhr.addEventListener( 'load', () => {
+			const response = xhr.response;
+			if ( !response || response.error ) {
+				return reject( response && response.error ? response.error.message : genericErrorText );
+			}
+			resolve( {
+				default: response.url
+			} );
+
+			//첨부 목록에 삽입
+			const attach_type  = response.type;
+			const attach_item  = response.preview_default;
+
+			if (attach_type=='photo') {
+				$('[data-role="attach-preview-photo"]').append(attach_item)
+			}
+		} );
+
+		if ( xhr.upload ) {
+			xhr.upload.addEventListener( 'progress', evt => {
+				if ( evt.lengthComputable ) {
+					loader.uploadTotal = evt.total;
+					loader.uploaded = evt.loaded;
+				}
+			} );
+		}
+	}
+
+	_sendRequest( file ) {
+		const data = new FormData();
+		data.append( 'files', file );
+		data.append( 'saveDir', attach_file_saveDir );
+		data.append( 'theme', attach_module_theme );
+		data.append( 'wysiwyg', 'Y' );
+		data.append( 'hidden', 1 );  // 본문삽입의 경우 첨부목록에서 숨김
+		this.xhr.send( data );
+	}
+}
+
+// ckeditor5 이미지 업로드 어텝터
+function rbUploadAdapterPlugin( editor ) {
+	editor.plugins.get( 'FileRepository' ).createUploadAdapter = ( loader ) => {
+		return new rbUploadAdapter( loader );
+	};
+}
+
+// ckeditor5 내용삽입
+function InserHTMLtoEditor(editor,content) {
+	const viewFragment = editor.data.processor.toView( content );
+	const modelFragment = editor.data.toModel( viewFragment );
+	editor.model.insertContent( modelFragment );
+	editor.editing.view.focus();
+}

_core/js/sys.js

@@ -0,0 +1,619 @@
+//객체얻기
+function getId(id)
+{
+	return document.getElementById(id);
+}
+//리다이렉트
+function goHref(url)
+{
+	location.href = url;
+}
+//아이디형식체크
+function chkIdValue(id)
+{
+	if (id == '') return false;
+	if (!getTypeCheck(id,"abcdefghijklmnopqrstuvwxyz1234567890_-")) return false;
+	return true;
+}
+//파일명형식체크
+function chkFnameValue(file)
+{
+	if (file == '') return false;
+	if (!getTypeCheck(file,"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890_-")) return false;
+	return true;
+}
+//이메일체크
+function chkEmailAddr(email)
+{
+	if (email == '') return false;
+	if (email.indexOf('\@') == -1 || email.indexOf('.') == -1) return false;
+	return true;
+}
+//휴대폰체크
+function chkPhoneNumber(phone)
+{
+	if (phone == '') return false;
+	phone = phone.split('-').join('');
+	var regPhone = /^((01[1|6|7|8|9])[1-9]+[0-9]{6,7})|(010[1-9][0-9]{7})$/;
+	return regPhone.test(phone);
+}
+//오픈윈도우
+function OpenWindow(url)
+{
+	setCookie('TmpCode','',1);
+	window.open(url,'','width=100px,height=100px,status=no,scrollbars=no,toolbar=no');
+}
+//로그인체크
+function isLogin()
+{
+	if (memberid == '')
+	{
+		alert('로그인이 필요합니다.  ');
+		return false;
+	}
+	return true;
+}
+//쿠키세팅
+function setCookie(name,value,expiredays)
+{
+	var todayDate = new Date();
+	todayDate.setDate( todayDate.getDate() + expiredays );
+	document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
+}
+//쿠키추출
+function getCookie( name )
+{
+	var nameOfCookie = name + "=";
+	var x = 0;
+	while ( x <= document.cookie.length )
+	{
+		var y = (x+nameOfCookie.length);
+		if ( document.cookie.substring( x, y ) == nameOfCookie )
+		{
+			if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 ) endOfCookie = document.cookie.length;
+			return unescape( document.cookie.substring( y, endOfCookie ) );
+		}
+		x = document.cookie.indexOf( " ", x ) + 1;
+		if ( x == 0 ) break;
+	}
+	return "";
+}
+//이벤트좌표값
+function getEventXY(e)
+{
+	var obj = new Object();
+	obj.x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - (document.documentElement.clientLeft || document.body.clientLeft);
+	obj.y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop)  - (document.documentElement.clientTop || document.body.clientTop);
+	return obj;
+}
+//파일확장자
+function getFileExt(file)
+{
+	var arr = file.split('.');
+	return arr[arr.length-1];
+}
+function getOfs(id)
+{
+    var obj = new Object();
+	var box = id.getBoundingClientRect();
+	obj.left = box.left + (document.documentElement.scrollLeft || document.body.scrollLeft);
+	obj.top = box.top + (document.documentElement.scrollTop || document.body.scrollTop);
+	obj.width = box.right - box.left;
+	obj.height = box.bottom - box.top;
+    return obj;
+}
+//은,는,이,가 - getJosa(str,"은는")
+function getJosa(str, tail)
+{
+    strTemp = str.substr(str.length - 1);
+    return ((strTemp.charCodeAt(0) - 16) % 28 != 0) ? str + tail.substr(0, 1) : str + tail.substr(1, 1);
+}
+//타입비교 (비교문자 , 비교형식 ; ex: getTypeCheck(string , "1234567890") )
+function getTypeCheck(s, spc)
+{
+	var i;
+	for(i=0; i< s.length; i++)
+	if (spc.indexOf(s.substring(i, i+1)) < 0) return false;
+
+	return true;
+}
+//콤마삽입 (number_format)
+function commaSplit(srcNumber)
+{
+	var txtNumber = '' + srcNumber;
+	var rxSplit = new RegExp('([0-9])([0-9][0-9][0-9][,.])');
+	var arrNumber = txtNumber.split('.');
+	arrNumber[0] += '.';
+	do arrNumber[0] = arrNumber[0].replace(rxSplit, '$1,$2');
+	while (rxSplit.test(arrNumber[0]));
+	if (arrNumber.length > 1) return arrNumber.join('');
+	else return arrNumber[0].split('.')[0];
+}
+function priceFormat(obj)
+{
+	if (!getTypeCheck(filterNum(obj.value),'0123456789'))
+	{
+		alert('Please input number only.');
+		obj.value = obj.defaultValue;
+		obj.focus();
+		return false;
+	}
+	else obj.value = commaSplit(filterNum(obj.value));
+}
+function numFormat(obj)
+{
+	if (!getTypeCheck(obj.value,'0123456789'))
+	{
+		alert('Please input number only.');
+		obj.value = obj.defaultValue;
+		obj.focus();
+		return false;
+	}
+}
+function getJeolsa(price,_round)
+{
+	return price - (price%(_round*10));
+}
+function filterNum(str)
+{
+	return str.replace(/^\$|,/g, "");
+}
+//페이징처리
+function getPageLink(lnum,p,tpage)
+{
+	var wp = '';
+	var g_q  = p > 1 ? '<li class="page-item"><a class="page-link" href="'+getPageGo(1,wp)+'" data-toggle="tooltip" title="First Page"><i class="fa fa-angle-double-left"></i></a></li>' : '<li class="page-item disabled"><a class="page-link"  href="#." data-toggle="tooltip" title="First page"><i class="fa fa-angle-double-left"></i></a></li>';
+
+	if(p < lnum+1) { g_q += '<li class="page-item disabled"><a class="page-link" href="#." data-toggle="tooltip" title="Previous"><i class="fa fa-angle-left"></i></a></li>'; }
+	else{ var pp = parseInt((p-1)/lnum)*lnum; g_q += '<li class="page-item"><a class="page-link" href="'+getPageGo(pp,wp)+'" data-toggle="tooltip" title="Previous"><i class="fa fa-angle-left"></i></a></li>';}
+
+	var st1 = parseInt((p-1)/lnum)*lnum + 1;
+	var st2 = st1 + lnum;
+
+	for(var jn = st1; jn < st2; jn++)
+	if ( jn <= tpage)
+	(jn == p)? g_q += '<li class="page-item active"><span class="page-link">'+jn+'</span></li>' : g_q += '<li class="page-item"><a class="page-link" href="'+getPageGo(jn,wp)+'">'+jn+'</a></li>';
+
+	if(tpage < lnum || tpage < jn) { g_q += '<li class="page-item disabled"><a class="page-link" href="#." data-toggle="tooltip" title="Next"><i class="fa fa-angle-right"></i></a></li>'; }
+	else{var np = jn; g_q += '<li><a class="page-link" href="'+getPageGo(np,wp)+'" data-toggle="tooltip" title="Next"><i class="fa fa-angle-right"></i></a></li>'; }
+	g_q  += tpage > p ? '<li><a class="page-link" href="'+getPageGo(tpage,wp)+'" data-toggle="tooltip" title="Last pages ('+tpage+')"><i class="fa fa-angle-double-right"></i></a></li>' : '<li class="page-item disabled"><a class="page-link" href="#." data-toggle="tooltip" title="Last pages ('+tpage+')"><i class="fa fa-angle-double-right"></i></a></li>';
+	document.write(g_q);
+}
+//페이지클릭
+function getPageGo(n,wp)
+{
+	var v   = wp != '' ? wp : 'p';
+	var p   = getUriString(v);
+	var que = location.href.replace('&'+v+'='+p,'');
+		que = que.indexOf('?') != -1 ? que : que + '?';
+		que = que.replace('&mod=view&uid=' + getUriString('uid') , '');
+	var xurl = que.split('#');
+	return xurl[0].indexOf('?') != -1 ?  xurl[0] + '&'+v+'=' + n : xurl[0] + '?'+v+'=' + n;
+}
+//파라미터값
+function getUriString(param)
+{
+	var QuerySplit = location.href.split('?');
+	var ResultQuer = QuerySplit[1] ? QuerySplit[1].split('&') : '';
+
+	for (var i = 0; i < ResultQuer.length; i++)
+	{
+		var keyval = ResultQuer[i].split('=');
+		if (param == keyval[0]) return keyval[1];
+	}
+	return '';
+}
+function getUrlParam(url,param)
+{
+	var QuerySplit = url.split('&');
+	for (var i = 0; i < QuerySplit.length; i++)
+	{
+		var keyval = QuerySplit[i].split('=');
+		if (param == keyval[0]) return keyval[1];
+	}
+	return '';
+}
+// getDateFormat('yyyymmddhhiiss','xxxx.xx.xx xx:xx:xx')
+var dateFormat = 0;
+function getDateFormat(date , type)
+{
+	var ck;
+	var rtstr = "";
+	var j = 0;
+	for(var i = 0; i < type.length; i++)
+	{
+		if(type.substring(i,i+1) == 'x')
+		{
+			rtstr += date.substring(j,j+1);
+		}
+		else {
+			j--;
+			rtstr += type.substring(i,i+1);
+		}
+		j++;
+	}
+	if(dateFormat == 0)
+	{
+		document.write(rtstr);
+	}
+	else {
+		dateFormat = 0;
+		return rtstr;
+	}
+}
+//선택반전
+function chkFlag(f)
+{
+    var l = document.getElementsByName(f);
+    var n = l.length;
+    var i;
+    for (i = 0; i < n; i++) l[i].checked = !l[i].checked;
+}
+function checkboxChoice(f,type)
+{
+    var l = document.getElementsByName(f);
+    var n = l.length;
+    var i;
+    for (i = 0; i < n; i++) l[i].checked = type;
+}
+//keycode
+function checkKeycode(e)
+{
+	if (window.event) return window.event.keyCode;
+	else if (e) return e.which;
+}
+//AJAX-Request
+function getHttprequest(URL,f)
+{
+	var xmlhttp = null;
+	if(window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
+	else {try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");}catch(e1){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}catch(e2){return false;}}}
+	if (xmlhttp)
+	{
+		if (f)
+		{
+			var i;
+			var iParam = "";
+			for (i=1;i<f.length;i++)
+			{
+				if ((f[i].type=='radio'||f[i].type=='checkbox')&&f[i].checked==false) continue;
+				iParam += '&' + f[i].name + '=' + encodeURIComponent(f[i].value);
+			}
+			xmlhttp.open("POST", URL, false);
+			xmlhttp.setRequestHeader("Content-Type","multipart/form-data;application/x-www-form-urlencoded;charset=utf-8");
+			xmlhttp.send(iParam);
+		}
+		else {
+			xmlhttp.open("GET", URL, false);
+			xmlhttp.send(null);
+		}
+		if (xmlhttp.readyState==4 && xmlhttp.status == 200 && xmlhttp.statusText=='OK') return xmlhttp.responseText;
+		xmlhttp = null;
+	}
+}
+function getAjaxFilterString(str,code)
+{
+	var arr1 = str.split('['+code+':');
+	var arr2 = arr1[1].split(':'+code+']');
+	return arr2[0];
+}
+function getAjaxData(url)
+{
+	var result = getHttprequest(url);
+	return getAjaxFilterString(result,'RESULT');
+}
+//iframe_for_action
+function getIframeForAction(f)
+{
+	getId('_hidden_layer_').style.display = 'none';
+	getId('_hidden_layer_').innerHTML = '<iframe name="__iframe_for_action__"></iframe>';
+	if(f) f.target = '__iframe_for_action__';
+}
+//confirm
+function hrefCheck(obj,target,msg)
+{
+	if(target) getIframeForAction(obj);
+	if(msg) return confirm(msg);
+}
+//모달셋팅
+function modalSetting(mid,url)
+{
+	if (mid == '.rb-modal-x') frames._modal_iframe_sub_.location.href = url;
+	else {
+		var modalTag = '';
+		modalTag += '<div class="modal fade" id="'+mid+'" tabindex="-1" role="dialog" aria-hidden="true"><div id="modal_window_dialog_'+mid+'" class="modal-dialog"><div class="modal-content"><div id="_modal_header_'+mid+'"></div><div id="_modal_body_'+mid+'" class="modal-body"><iframe id="_modal_iframe_'+mid+'" name="_modal_iframe_'+mid+'" src="'+url+'" width="100%" height="100%" frameborder="0" scrolling="no"></iframe></div><div id="_modal_footer_'+mid+'"></div></div></div></div>';
+		modalTag += '<div class="modal fade rb-modal-x" tabindex="-1" role="dialog" aria-hidden="true"><div id="_modal_dialog_top_" class="modal-dialog"><div class="modal-content"><iframe id="_modal_iframe_sub_" name="_modal_iframe_sub_" src="" width="100%" height="100%" frameborder="0" scrolling="no"></iframe></div></div></div>';
+		getId('_box_layer_').innerHTML = modalTag;
+	}
+}
+
+//모달셋팅(iframe 방식)
+function setModalIframe(mid,size,height,src)
+{
+	var modalTag = '';
+	modalTag += '<div class="modal fade" id="'+mid+'" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog '+size+'"><div class="modal-content"><div class="modal-header"></div><div class="modal-body" style="height:'+height+'"><iframe id="_modal_iframe_'+mid+'" name="_modal_iframe_'+mid+'" src="'+src+'" width="100%" height="100%" seamless frameborder="0" scrolling="no"></iframe></div><div class="modal-footer"></div></div></div></div>';
+
+	setTimeout( function(){
+	  $('#_box_layer_').append(modalTag)
+	}, 500 );
+}
+
+//서브레이아웃셀렉트
+function getSubLayout(layout,sid,sname,sclass)
+{
+	getIframeForAction('');
+	frames.__iframe_for_action__.location.href = rooturl + '/?r=' + raccount + '&m=site&a=getsublayout&layout=' + layout.value + '&sid=' + sid + '&sname=' + sname + '&sclass=' + sclass;
+}
+//세션셋팅
+function sessionSetting(name,value,target,check)
+{
+	getIframeForAction('');
+	frames.__iframe_for_action__.location.href = rooturl + '/?a=sessionsetting&target='+target+'&name='+name+'&value=' + value + '&check=' + check;
+}
+//버튼서브밋
+function btnFormSubmit(obj)
+{
+	obj.children[0].checked = true;
+	obj.children[0].form.submit();
+}
+//popOver
+function getPopover(type,val,id)
+{
+	if (type == 'member')
+	{
+		getId(id).innerHTML = '<iframe src="'+rooturl +'/?system=popup.popover&iframe=Y&mbruid='+val+'&layer='+id+'" width="250" height="100" frameborder="0" scrolling="no"></iframe>';
+	}
+}
+
+// 알림 출력 (쿠키 활용, js-cookie, bootstrap-notify 플러그인 필요)
+function putCookieAlert(name)
+{
+	var actionResult = Cookies.get(name)
+	if (actionResult) {
+	var _actionResult = actionResult.split("|")
+	 setTimeout(function(){
+		 $.notify({
+		 	message: _actionResult[0]
+		 },{
+		 	type: _actionResult[1]
+		 });
+	 }, 300);
+	}
+	Cookies.remove(name);  // 결과 초기화
+}
+
+//스마트폰 키보드 활성화 여부체크
+function chkMobileKeyboard()
+{
+	var _originalSize = $(window).width() + $(window).height()
+  $(window).resize(function(){
+    if($(window).width() + $(window).height() != _originalSize){
+      console.log("keyboard show up");
+			return true;
+    }
+		return false;
+  });
+}
+
+// editable 영역 마지막에 커서배치
+function placeCaretAtEnd(el) {
+  el.focus();
+  if (typeof window.getSelection != "undefined"
+        && typeof document.createRange != "undefined") {
+    var range = document.createRange();
+    range.selectNodeContents(el);
+    range.collapse(false);
+    var sel = window.getSelection();
+    sel.removeAllRanges();
+    sel.addRange(range);
+  } else if (typeof document.body.createTextRange != "undefined") {
+    var textRange = document.body.createTextRange();
+    textRange.moveToElementText(el);
+    textRange.collapse(false);
+    textRange.select();
+  }
+}
+
+//로그인
+function siteLogin(form) {
+	var formID = form.attr('id')
+	var f = document.getElementById(formID);
+	form.find('[name="form"]').val('#'+formID);
+	form.find('[type="submit"]').attr("disabled",true);
+	form.find('.form-control').removeClass('is-invalid')  //에러이력 초기화
+	setTimeout(function(){
+		getIframeForAction(f);
+		f.submit();
+	}, 300);
+}
+
+function isInstallToDevice() {
+  return window.localStorage.getItem('installToDevice') == 1;
+}
+
+// 모바일 브라우저 체크
+function mobileCheck() {
+  var check = false;
+  (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
+  return check;
+};
+
+// oembed 미디어 변환
+function Iframely(ele) {
+	$(ele).each(function(index) {
+    var url = $(this).attr('url');
+		var link_url_parse = $('<a>', {href: url});
+
+		//네이버 블로그 URL의 실제 URL 변환
+		if (link_url_parse.prop('hostname')=='blog.naver.com' && link_url_parse.prop('pathname')) {
+			var nblog_path_arr = link_url_parse.prop('pathname').split("/");
+			var nblog_id = nblog_path_arr[1];
+			var nblog_pid = nblog_path_arr[2];
+			if (nblog_pid) {
+				var url =  'https://blog.naver.com/PostView.nhn?blogId='+nblog_id+'&logNo='+nblog_pid;
+			} else {
+				var url = 'https://blog.naver.com/PostList.nhn?blogId='+nblog_id;
+			}
+		}
+
+		var url_orgin = $(this).attr('url');
+		var _url = encodeURIComponent(url);
+
+		$.getJSON('//embed.kimsq.com/oembed?url=' + _url, {
+				format: "json"
+			},
+			function(data) {
+				var type = data.type;
+				var title = data.title;
+				var url = data.url;
+				var author = data.author;
+				var description = data.description;
+				var thumbnail_url = data.thumbnail_url;
+				var author = data.author?data.author:'';
+				var provider_name =  data.provider_name?data.provider_name:'';
+				var thumbnail_width = data.thumbnail_width;
+
+				if (type=='link') {
+					var provider_url = link_url_parse.prop('protocol')+'//'+link_url_parse.prop('hostname');
+					if (thumbnail_url) var thumbnail_url = thumbnail_url.replace('http://img1.daumcdn.net/thumb/S1200x630/?fname=','');  //다음포털 룰 필터링
+					var thumbnail_url_parse = $('<a>', {href: thumbnail_url});
+					var thumbnail_protocol =  thumbnail_url_parse.prop('protocol')=='https'?'thumb-ssl':'thumb';
+					var thumbnail__url = thumbnail_url_parse.prop('hostname')+thumbnail_url_parse.prop('pathname')+thumbnail_url_parse.prop('search')+thumbnail_url_parse.prop('hash')
+
+					if (provider_name=='카카오맵') {
+						var thumbnail___url = thumbnail_url;
+					} else if (provider_name=='네이버 지도') {
+						var thumbnail___url = '/thumb-ssl/165x165/u/ssl.pstatic.net/static/maps/m/og_map.png';
+					} else {
+						var thumbnail___url = '/_core/opensrc/timthumb/thumb.php?src='+encodeURIComponent(thumbnail_url)+'&w=165&h=165&s=1';
+					}
+
+					$.getJSON('//embed.kimsq.com/iframely?uri=' + _url, {
+							format: "json"
+						},
+						function(data) {
+							var title = data.meta.title;
+							var icon = data.links.icon[0].href;
+							var thumbnail_markup = '';
+
+							if (mobileCheck()) {
+								//모바일
+								var thumbnail_markup = thumbnail_url?'<img src="'+thumbnail___url+'" class="media-object pull-left" style="width:80px">':'';
+
+								if ((thumbnail_width>500 && thumbnail_width) || provider_name=='카카오맵') {
+									var html = '<div class="card m-0 bg-white"><a href="'+url+'" target="_blank"><img class="card-img-top img-fluid" src="'+thumbnail_url+'"><div class="card-block"><h6 class="card-title muted-link">'+title+'</h6><p class="card-text small line-clamp-2 text-muted mb-1">'+(description?description:'')+'</p><img src="'+icon+'" class="mr-2" style="width:16px"><span class="badge badge-default badge-inverted">'+author+'</span><span class="badge badge-default badge-inverted">'+provider_name+'</span><span class="badge badge-default badge-inverted">'+link_url_parse.prop('hostname')+'</span></div></a></div>';
+								}
+								else {
+									var html = '<a href="'+url+'" class="card m-0 muted-link" target="_blank"><ul class="table-view"><li class="table-view-cell media"><span class="navigate-right w-100">'+thumbnail_markup+'<div class="media-body p-3"><span class="line-clamp-1">'+title+'</span><p class="line-clamp-1 mb-1">'+(description?description:'')+'</p><p class="text-truncate mb-0"><span class="badge badge-default badge-inverted text-nowrap"><img src="'+icon+'" class="mr-2" style="width:1rem">'+(author?author:(provider_name?provider_name:link_url_parse.prop('hostname')))+'</span></p></div></span></li></ul></a>';
+								}
+							} else {
+								// 데스크탑
+								var thumbnail_markup = thumbnail_url?'<a href="'+url+'" target="_blank" class="align-self-center"><img src="'+thumbnail___url+'" class="media-object"></a>':'';
+								if (provider_name=='카카오맵') {
+									var html = '<div class="card shadow-sm bg-white"><a href="'+url+'" target="_blank"><img class="card-img-top" src="'+thumbnail_url+'"></a><div class="card-body"><h4 class="card-title"><a href="'+url+'" class="text-reset" target="_blank">'+title+'</a></h4><p class="card-text line-clamp-3 text-muted">'+description+'</p><a href="'+provider_url+'" target="_blank"  class="btn btn-link text-reset pl-0"><img src="'+icon+'" class="mr-2" style="width:16px"><small class="text-muted">'+author+'</small><small class="text-muted">'+provider_name+'</small></a><small class="text-muted">'+link_url_parse.prop('hostname')+'</small></div></div>';
+								}
+								else {
+									var html = '<div class="media border shadow-sm text-reset bg-white">'+thumbnail_markup+'<div class="media-body py-2 px-3"><h4 class="media-heading line-clamp-1 mt-0"><a href="'+url+'" class="text-reset" target="_blank">'+title+'</a></h4><p class="line-clamp-2 mb-1">'+(description?description:'')+'</p><a href="'+provider_url+'" target="_blank" class="btn btn-link text-reset pl-0"><img src="'+icon+'" class="mr-2" style="width:16px"><small class="text-muted">'+(author?author:provider_name)+'</small></a><small class="text-muted">'+link_url_parse.prop('hostname')+'</small></div></div>';
+								}
+							}
+							$(ele+'[url="' + url_orgin + '"]').html(html);
+					});
+				} else {
+					var html = data.html;
+					if (!html) {
+						$.getJSON('//embed.kimsq.com/iframely?uri=' + _url, {
+								format: "json"
+							},
+							function(data) {
+								var html = data.html;
+								$(ele+'[url="' + url_orgin + '"]').html(html);
+						});
+					} else {
+						$(ele+'[url="' + url_orgin + '"]').html(html);
+					}
+				}
+			})
+			.fail(function() {
+				$(ele+'[url="' + url_orgin + '"]').html('<p><a href="'+url+'" target="_blank">'+url+'</a></p>');
+			});
+
+		});
+}
+
+function getPosition(e, p = 0) {
+  var rect = e.target.getBoundingClientRect();
+  var x = e.pageX - rect.left - 10;
+  var y = e.pageY - rect.top - 10;
+  if (p) {
+    x = (x / rect.width) * 100;
+    y = (y / rect.height) * 100;
+  }
+  return {
+    x,
+    y
+  }
+}
+
+function randomId() {
+  var S4 = function() {
+    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+  };
+  return (S4());
+}
+
+function setImageGoodsTag(ele) {
+	$(ele).each(function(index) {
+		var item = $(this);
+		var src = $(this).find('img').attr('src');
+		$.getJSON(rooturl+'/?r='+raccount+'&m=mediaset&a=get_attachTag&src='+src,{
+			format: "json"
+		 },function(data){
+			 var tag = data.tag;
+			 if (tag) var point = JSON.parse(tag);
+			 if (point) {
+				 item.find('img').wrap('<div data-role="image-marker-area"></div>')
+				 item.append('<div class="swiper-container mt-3"><div class="swiper-wrapper"></div></div>');
+				 for(var i in point){
+					 var goods_uid = point[i].g;
+					 if (goods_uid) {
+						 item.find('[data-role="image-marker-area"]').append('<a data-toggle="page" href="#page-shop-view" data-start="#page-post-view" data-title="상품 상세보기" data-goods="'+point[i].g+'" class="" id="' + i + '" style="left:' + point[i].x + '%;top:' +  point[i].y + '%">+</a>');
+						 //상품고유번호를 통해 상품의 메타정보를 불러온다.
+						 $.getJSON(rooturl+'/?r='+raccount+'&m=shop&a=get_goodsData&uid='+goods_uid+'&featured_size=140x140', {
+						 	 format: "json"
+						 },
+						 function(data) {
+							 var uid = data.uid;
+							 var name = data.name;
+							 var price=data.price;
+							 var featured_img=data.featured_img;
+							 item.find('a[data-toggle="page"][data-goods="'+uid+'"]').attr('data-name',name).attr('data-price',price).attr('data-price',price);
+							 item.find('.swiper-wrapper').append('<div class="swiper-slide" style="width:20%" data-toggle="page" data-target="#page-shop-view" data-start="#page-post-view" data-title="상품 상세보기" data-price="'+price+'" data-name="'+name+'" data-url="/shop/goods/'+uid+'" data-goods="'+uid+'"><img src="'+featured_img+'" class="img-circle border" style="width: 70px"></div>');
+						 });
+					 }
+				 }
+				 setTimeout(function(){
+					 var swiper = new Swiper(ele+' .swiper-container', {
+						 slidesPerView: 'auto',
+						 spaceBetween: 10,
+					 });
+				 }, 1000);
+
+			 }
+		});
+	});
+}
+
+function toggleFullScreen() {
+  var doc = window.document;
+  var docEl = doc.documentElement;
+
+  var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
+  var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
+
+  if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
+    requestFullScreen.call(docEl);
+  }
+  else {
+    cancelFullScreen.call(doc);
+  }
+}