\n\n\n\n어머니가 울 아들 생일 선물로 침대 사주신다고 하셔서 광복절날 헤이리 매장을 방문했습니다~\n\n직원분이 친절하게 설명도 해주시고~ 침대들도 다 이쁘고~\n\n손자 손녀를 위해 두개나 구매해 주신 울 어머니~\n\n감사해요~~";
try {
var o = {"key":"DUA2yF3G1E1A5A2A2pZGCTRSAPJWTLPLZHTQQe1JGZxC4B3A3E2B5A1E1E4I1C2==","toolbarSticky":false,"theme":"ec-froala","attribution":false,"htmlRemoveTags":["script"],"htmlAllowedEmptyTags":["*"],"iframe":true,"iframeStyle":".fr-view{font-size: 12px;}","iframeStyleFiles":["\/\/img.echosting.cafe24.com\/editors\/froala\/css\/froala_style.min.css?vs=2404251304"],"heightMin":400,"language":"ko_KR","paragraphFormatSelection":true,"fontFamilySelection":true,"fontSize":["8","9","10","12","14","16","18","20","22","24","26","28","30"],"fontSizeSelection":true,"linkInsertButtons":["linkBack"],"quickInsertButtons":["ul","ol","hr"],"codeMirror":false,"entities":"<>","imageEditButtons":["imageAlign","imageRemove","|","imageLink","linkOpen","linkEdit","linkRemove","-","imageDisplay","imageStyle","imageAlt","imageSize"],"tableEditButtons":[],"tableInsertHelper":false,"imageDefaultMargin":0,"imageDefaultWidth":0,"imageUpload":false,"imageInsertButtons":["imageUpload"],"imageMaxSize":5242880,"filesManagerMaxSize":5242880,"toolbarButtons":{"moreText":{"buttons":["paragraphFormat","fontFamily","fontSize","bold","italic","underline","strikeThrough","textColor","backgroundColor","subscript","superscript","clearFormatting"],"buttonsVisible":5},"moreParagraph":{"buttons":["formatOL","formatUL","alignLeft","alignCenter","alignRight","outdent","indent","alignJustify","lineHeight"],"buttonsVisible":5},"moreRich":{"buttons":["insertTable","insertHR","emoticons","specialCharacters"],"buttonsVisible":0},"moreMisc":{"buttons":["undo","redo","fullscreen","html","print","spellChecker","selectAll"],"align":"right","buttonsVisible":2}},"toolbarButtonsSM":{"moreText":{"buttons":["paragraphFormat","fontFamily","fontSize","bold","italic","underline","strikeThrough","textColor","backgroundColor","subscript","superscript","clearFormatting"],"buttonsVisible":4},"moreParagraph":{"buttons":["formatOL","formatUL","alignLeft","alignCenter","alignRight","outdent","indent","alignJustify","lineHeight"],"buttonsVisible":2},"moreRich":{"buttons":["insertTable","insertHR","emoticons","specialCharacters"],"buttonsVisible":0},"moreMisc":{"buttons":["undo","redo","fullscreen","html","print","spellChecker","selectAll"],"align":"right","buttonsVisible":2}},"toolbarButtonsXS":{"moreText":{"buttons":["paragraphFormat","textColor","backgroundColor","bold","italic","underline","strikeThrough"],"buttonsVisible":1},"moreParagraph":{"buttons":["formatOL","formatUL","alignLeft","alignCenter","alignRight"],"buttonsVisible":0},"moreRich":{"buttons":["insertLink"]},"moreMisc":{"buttons":["undo","redo","html"],"buttonsVisible":0,"align":"right"}},"htmlDoNotWrapTags":["script","style","meta","link"],"htmlAllowedStyleProps":[".*"],"htmlAllowedTags":[".*"],"htmlAllowedAttrs":[".*"],"fontFamily":{"Dotum,sans-serif":"Dotum","Gulim,sans-serif":"Gulim","Batang,sans-serif":"Batang","Gungsuh,sans-serif":"Gungsuh","Arial,Helvetica,sans-serif":"Arial","Tahoma,Geneva,sans-serif":"Tahoma","Verdana,Geneva,sans-serif":"Verdana","Fixedsys,sans-serif":"Fixedsys","'Times New Roman',Times,serif":"Times New Roman","helvetica,sans-serif":"Helvetica","sans-serif":"Sans-serif","palatino,sans-serif":"Palatino","'Comic Sans MS',sans-serif":"Comic Sans MS","sand,sans-serif":"Sand","'Courier New',sans-serif":"Courier New","courier,sans-serif":"Courier","monospace,sans-serif":"Monospace","Georgia,serif":"Georgia","SimSun,sans-serif":"SimSun","SimHei,sans-serif":"SimHei","'MS PGothic',sans-serif":"MS PGothic","'MS PMincho',sans-serif":"MS PMincho","'MS UI PGothic',sans-serif":"MS UI PGothic","Meiryo,sans-serif":"Meiryo"},"colorsText":["#FF0000","#FF6C00","#FFAA00","#FFEF00","#A6CF00","#009E25","#00B0A2","#0075C8","#3A32C3","#7820B9","#EF007C","#000000","#252525","#464646","#636363","#7D7D7D","#9A9A9A","#FFE8E8","#F7E2D2","#F5EDDC","#F5F4E0","#EDF2C2","#DEF7E5","#D9EEEC","#C9E0F0","#D6D4EB","#E7DBED","#F1E2EA","#ACACAC","#C2C2C2","#CCCCCC","#E1E1E1","#EBEBEB","#FFFFFF","#E97D81","#E19B73","#D1B274","#CFCCA2","#61B977","#53AEA8","#518FBB","#6A65BB","#9A54CE","#E573AE","#5A504B","#767B86","#951015","#6E391A","#785C25","#5F5B25","#4C511F","#1C4827","#0D514C","#1B496A","#2B285F","#45245B","#721947","#352E2C","#3C3F45"],"colorsBackground":["#FF0000","#FF6C00","#FFAA00","#FFEF00","#A6CF00","#009E25","#00B0A2","#0075C8","#3A32C3","#7820B9","#EF007C","#000000","#252525","#464646","#636363","#7D7D7D","#9A9A9A","#FFE8E8","#F7E2D2","#F5EDDC","#F5F4E0","#EDF2C2","#DEF7E5","#D9EEEC","#C9E0F0","#D6D4EB","#E7DBED","#F1E2EA","#ACACAC","#C2C2C2","#CCCCCC","#E1E1E1","#EBEBEB","#FFFFFF","#E97D81","#E19B73","#D1B274","#CFCCA2","#61B977","#53AEA8","#518FBB","#6A65BB","#9A54CE","#E573AE","#5A504B","#767B86","#951015","#6E391A","#785C25","#5F5B25","#4C511F","#1C4827","#0D514C","#1B496A","#2B285F","#45245B","#721947","#352E2C","#3C3F45"],"docId":"content"};
// IE tableEditbuttons 이슈
o["tableEditButtons"] = FroalaEditor.DEFAULTS.tableEditButtons.filter(function(tableEditButtonName) {
return tableEditButtonName.indexOf("Style") === -1;
});
o["events"] = {
"filesManager.beforeUpload": function(files) {
this.opts.filesManagerUploadURL = getConvertUrlBeforeUpload(this.opts.filesManagerUploadURL);
},
"image.beforeUpload": function(images) {
this.opts.imageUploadURL = getConvertUrlBeforeUpload(this.opts.imageUploadURL);
},
"image.inserted": function(oImage, response) {
var sInstanceId = "content";
// 파일업로더로 이미지가 넘어오는경우에는 itslog가 이미 생성된 이미지기때문에 처리하지않음.
if ((sInstanceId === "product_description" || sInstanceId === "product_description_mobile") && typeof response !== "undefined") {
oImage.attr("data-use_its", true);
}
if (iCheckedImageListCount >= 0) {
iCheckedImageListCount++;
aInsertedImageList.push(oImage);
if (aCheckedImageList.length === iCheckedImageListCount || aCheckedImageList.length === 0) {
// 마지막 이미지
for (var i = 0; i < aInsertedImageList.length; i++) {
aInsertedImageList[i].after("
");
}
// 리셋
iCheckedImageListCount = 0;
aCheckedImageList = [];
aInsertedImageList = [];
}
}
},
"image.error": function (error, response) {
if (typeof JSON != "undefined") {
r = JSON.parse(response);
alert(r["error"]);
}
},
"image.loaded": function($img) {
// IE에서 이미지 로드 후, 커서 위치 재조정
if (/(trident).+rv[:\s]([\w\.]{1,9}).+like\sgecko/i.test(navigator.userAgent)) {
var _this = this;
var _img = $img[0];
setTimeout(function() {
_this.selection.setAfter(_img);
_this.selection.restore();
}, 300);
}
},
"filesManager.error": function (error, response) {
if (typeof JSON != "undefined") {
r = JSON.parse(response);
alert(r["error"]);
}
},
"commands.before": function(sCommand) {
// 코드뷰 토글시
if (sCommand === "html") {
var sContent = this.el.innerHTML;
sContent = sContent.replace(/<\/?null>/gi, "");
this.el.innerHTML = getReplaceZeroWidthSpace(sContent);
replaceToFroalaNewLine(this);
}
// 전체화면 모드 켜기
if (sCommand === "fullscreen" && !this.fullscreen.isActive()) {
this.$box[0].setAttribute("data-window-scroll-y", window.scrollY || window.pageYOffset);
}
// 다중 이미지 삽입
if (sCommand === "insertAll") {
var popup = this.popups.get("filesManager.insert");
aCheckedImageList = popup.find(".fr-files-checkbox .fr-file-insert-check:checked")
}
if (sCommand === "insertSpecialCharacter") {
setScrollPosition(this, getIframeCursorPoint(this));
}
},
"commands.after": function(sCommand) {
if (sCommand === "html") {
removeFroalaNewLine(this);
}
if (sCommand === "insertFiles") {
var enableButton= document.querySelector(".fr-trim-button.fr-plugins-enable");
if (enableButton) enableButton.click();
}
if (sCommand === "selectAll") {
this.el.focus();
}
// 전체 화면 토글시에 컨텐츠 높이를 정상적으로 반영하지못하는 이슈 대응
if (sCommand === "fullscreen") {
var _this = this;
setTimeout(function() {
_this.size.syncIframe();
}, 300);
if (this.fullscreen.isActive() === false) {
window.scrollTo(0, this.$box[0].getAttribute("data-window-scroll-y"));
}
}
if (sCommand === "insertSpecialCharacter") {
this.$wp.get(0).scrollTop = fScrollPosition;
}
},
"focus": function() {
if (this.iframe_document) {
var iframeHeight = this.iframe_document.body.scrollHeight;
this.$iframe[0].style.height = iframeHeight + "px";
}
this.el.innerHTML = getReplaceZeroWidthSpace(this.el.innerHTML);
},
"image.beforeRemove": function(aImage) {
isBeforeImageRemove = true;
var cursorPoint = aImage[0].offsetTop; // 제거 대상 이미지의 offsetTop 값으로 정의
setScrollPosition(this, cursorPoint);
},
"image.removed": function() {
if (isBeforeImageRemove === true) {
this.$wp.get(0).scrollTop = fScrollPosition; // 에디터 자체 버그동작이 수행 된 후 계산 해 둔 값으로 스크롤 위치를 이동
}
isBeforeImageRemove = false;
},
"keydown": function(e) {
if (isScrollFix(this, e) === true) {
setScrollPosition(this, getIframeCursorPoint(this));
}
},
"keyup": function(e) {
if (isScrollFix(this, e) === true) {
this.$wp.get(0).scrollTop = fScrollPosition;
}
},
"paste.before": function() {
if (this.fullscreen.isActive() === false) {
setScrollPosition(this, getIframeCursorPoint(this));
}
},
"paste.after": function(e) {
if (this.fullscreen.isActive() === false) {
this.$wp.get(0).scrollTop = fScrollPosition;
}
},
"codeView.update": function() {
this.el.innerHTML = getReplaceZeroWidthSpace(this.el.innerHTML);
this.el.innerHTML = decodeUriAttribute(this.el.innerHTML);
}
};
EC_FROALA_INSTANCE = new FroalaEditor("textarea#content.ec-fr-never-be-duplicated", o, function() {
EC_FROALA_ID = this.id;
if (d != "") {
this.el.innerHTML = this.clean.html(d);
// 타겟 textarea 태그에 change 트리거링
this.undo.saveStep();
}
var script = document.createElement("script");
script.src = "//img.echosting.cafe24.com/editors/froala/js/polyfill.min.js?vs=2404251304";
this.$iframe.get(0).contentWindow.document.head.appendChild(script);
if (this.el.innerHTML === "
") {
this.el.innerHTML = "
";
}
});
EC_FROALA_INSTANCE.$iframe[0].setAttribute("id", "content" + "_IFRAME");
EC_FROALA_INSTANCE.$iframe[0].contentWindow.document.body.setAttribute("id", "content" + "_BODY");
EC_FROALA_INSTANCE.isEmptyContent = function () {
var c = getContentFromFroala(this.id);
// 스페이스바만 입력 저장시, validation을 위해 처리
var val = c.replace(/\|\<\/?p\>|\s| /gi, "");
if ("" == val) return true;
return false;
};
EC_FROALA_INSTANCE.getContentFromFroala = function() {
return getContentFromFroala(this.id);
};
EC_FROALA_INSTANCE.applyContentToFroala = function(content) {
return applyContentToFroala(content, this.id);
};
EC_FROALA_INSTANCE.setValueBeforeSubmit = function(sSection) {
return setValueBeforeSubmit(sSection, this.id);
};
if (typeof $Editor === "undefined") {
$Editor = {};
}
$Editor["content"] = EC_FROALA_INSTANCE;
} catch (e) {
document.getElementById("content").value = d;
console.error(e);
} finally {
}
})();
function decodeUriAttribute(content) {
return content.replace(/(?:href=|src=)(?:"([^"]+)|'([^']+))[^>]/g, function (match, p1, p2) {
var p = p1 ? p1 : p2;
if (/%20|\s|%3A/g.test(p)) {
try {
return match.replace(p, decodeURIComponent(p).trim());
} catch (e) {
return match;
}
} else {
return match;
}
});
}
//플로알라 에디터 내용 조회
function getContentFromFroala(id) {
try {
var sFroalaId = (typeof id === "undefined") ? EC_FROALA_ID : id;
var oEditor = FroalaEditor.INSTANCES.filter(function (instance) {
return instance.id === sFroalaId;
});
if (oEditor[0].codeView.isActive()) {
oEditor[0].codeView.toggle();
}
oEditor[0].el.innerHTML = decodeUriAttribute(oEditor[0].el.innerHTML);
return oEditor[0].el.innerHTML;
} catch (e) {
console.error(e);
return false;
}
}
//플로알라 에디터 내용 적용
function applyContentToFroala(content, id) {
try {
var sFroalaId = (typeof id === "undefined") ? EC_FROALA_ID : id;
var oEditor = FroalaEditor.INSTANCES.filter(function (instance) {
return instance.id === sFroalaId;
});
oEditor[0].el.innerHTML = oEditor[0].clean.html(content);
// textarea 태그에 change 트리거링
oEditor[0].undo.saveStep();
return true;
} catch (e) {
console.error(e);
return false;
}
}
// useclasses 옵션 사용시, froala 커스텀 속성값 (fr-draggable) 제거
function setValueBeforeSubmit(sSection, id) {
try {
var sFroalaId = (typeof id === "undefined") ? EC_FROALA_ID : id;
var oEditor = FroalaEditor.INSTANCES.filter(function (instance) {
return instance.id === sFroalaId;
});
var contents = oEditor[0].el.innerHTML;
document.getElementById(sSection).value = contents.replace(/\sclass=("|')fr-draggable("|')|\s?fr-draggable\s?|<\/?null>/gi, "");
return true;
} catch (e) {
console.error(e);
return false;
}
}
//플로알라 front reset CSS 가져오기
//Deprecated
function getFroalaResetCSS() {
return "//img.echosting.cafe24.com/editors/froala/css/froala_editor_reset.css?vs=2404251304;"
}
//플로알라 front style CSS 가져오기
function getFroalaStyleCSS() {
return "//img.echosting.cafe24.com/editors/froala/css/froala_style.min.css?vs=2404251304";
}
//플로알라 front style EC CSS 가져오기
function getFroalaECStyleCSS() {
return "//img.echosting.cafe24.com/editors/froala/css/froala_style_ec.min.css?vs=2404251304";
}
// 파일 업로드시 랜덤한 파라미터 값 추가
function getConvertUrlBeforeUpload(sUploadUrl) {
var aSplitUrl = sUploadUrl.split("?");
var oParam = getParameterUploadUrl(aSplitUrl[1]);
return decodeURIComponent(aSplitUrl[0] + "?" + "uploadPath=" + oParam["uploadPath"] + "&uploadId=" + Math.floor((Math.random() * 100000)).toString());
}
function getParameterUploadUrl(sQueryString) {
var aParam = {};
if (sQueryString) {
var aFields = sQueryString.split("&");
var aField = [];
for (var i=0; i 0 && fCursorPoint < fStartPoint) {
// 커서가 보여지는 영역보다 위에 위치
fScrollPosition = fCursorPoint;
} else if (fCursorPoint > 0 && fCursorPoint > fEndPoint) {
// 커서가 보여지는 영역보다 아래에 위치
fScrollPosition = fCursorPoint - (oContentWrapper.clientHeight - 20); // 여백 포함
} else {
// 값이 0 이라서 무효화 됐거나, 보여지는 영역에 있는 경우 - 위치를 그대로 유지
fScrollPosition = fStartPoint;
}
}
// 커서 포인트 반환
function getIframeCursorPoint(editor) {
var iframeDocument = editor.$iframe.get(0).contentDocument;
var anchorNode = iframeDocument.getSelection().anchorNode;
var iframeRange = iframeDocument.createRange();
iframeRange.selectNode(anchorNode);
return iframeRange.getBoundingClientRect().top;
}
// 폭없는 공백에서 폭과 줄바꿈 없는 공백으로 치환 (폭없는 공백은 플로알라버그로인해 지원하지않음)
function getReplaceZeroWidthSpace(sContent) {
return sContent.replace(/\u200B/g, "");
}
// \n 제거되는 사양에대한 대응 : 플로알라에서 코드뷰 토글시 줄바꿈되는 태그로 변경
function replaceToFroalaNewLine(oEditor) {
if (oEditor.codeView.isActive() === true) {
return;
}
var oWhiteSpacePreElements = oEditor.$el.get(0).querySelectorAll('*[style*="white-space: pre"], *[style*="white-space:pre"]');
for (var iIndex = 0; iIndex < oWhiteSpacePreElements.length; iIndex++) {
oWhiteSpacePreElements[iIndex].innerHTML = oWhiteSpacePreElements[iIndex].innerHTML.replace(/\n/g, '');
}
}
// \n 제거되는 사양에대한 대응 : 코드뷰 토글시 줄바꿈 태그 \n으로 변경
function removeFroalaNewLine(oEditor) {
if (oEditor.codeView.isActive() === false) {
return;
}
var sCodeViewValue;
if (typeof oEditor.opts.codeMirror === "function") {
// 상품 등록/수정 에디터는 코드미러를 사용하기때문에 분기처리
sCodeViewValue = oEditor.$wp.get(0).querySelector(".CodeMirror").CodeMirror.getValue();
oEditor.$wp.get(0).querySelector(".CodeMirror").CodeMirror.setValue(sCodeViewValue.replace(/<\/span>/g, '\n'));
} else {
sCodeViewValue = oEditor.$wp.get(0).querySelector(".fr-code").value;
oEditor.$wp.get(0).querySelector(".fr-code").value = sCodeViewValue.replace(/<\/span>/g, '\n');
}
}
|
