smart_editor 0.0.2.1

data/vendor/assets/javascripts/smart_editor/HuskyEZCreator.js

@@ -0,0 +1,133 @@
+if(typeof window.nhn=='undefined') window.nhn = {};
+if (!nhn.husky) nhn.husky = {};
+
+/**
+ * @fileOverview This file contains application creation helper function, which would load up an HTML(Skin) file and then execute a specified create function.
+ * @name HuskyEZCreator.js
+ */
+nhn.husky.EZCreator = new (function(){
+	this.nBlockerCount = 0;
+
+	this.createInIFrame = function(htOptions){
+		if(arguments.length == 1){
+			var oAppRef = htOptions.oAppRef;
+			var elPlaceHolder = htOptions.elPlaceHolder;
+			var sSkinURI = htOptions.sSkinURI;
+			var fCreator = htOptions.fCreator;
+			var fOnAppLoad = htOptions.fOnAppLoad;
+			var bUseBlocker = htOptions.bUseBlocker;
+			var htParams = htOptions.htParams || null;
+		}else{
+			// for backward compatibility only
+			var oAppRef = arguments[0];
+			var elPlaceHolder = arguments[1];
+			var sSkinURI = arguments[2];
+			var fCreator = arguments[3];
+			var fOnAppLoad = arguments[4];
+			var bUseBlocker = arguments[5];
+			var htParams = arguments[6];
+		}
+
+		if(bUseBlocker) nhn.husky.EZCreator.showBlocker();
+
+		var attachEvent = function(elNode, sEvent, fHandler){ 
+			if(elNode.addEventListener){
+				elNode.addEventListener(sEvent, fHandler, false);
+			}else{
+				elNode.attachEvent("on"+sEvent, fHandler);
+			}
+		} 
+
+		if(!elPlaceHolder){
+			alert("Placeholder is required!");
+			return;
+		}
+
+		if(typeof(elPlaceHolder) != "object")
+			elPlaceHolder = document.getElementById(elPlaceHolder);
+
+		var elIFrame, nEditorWidth, nEditorHeight;
+		 
+
+		try{
+			elIFrame = document.createElement("<IFRAME frameborder=0 scrolling=no>");
+		}catch(e){
+			elIFrame = document.createElement("IFRAME");
+			elIFrame.setAttribute("frameborder", "0");
+			elIFrame.setAttribute("scrolling", "no");
+		}
+		
+		elIFrame.style.width = "1px";
+		elIFrame.style.height = "1px";
+		elPlaceHolder.parentNode.insertBefore(elIFrame, elPlaceHolder.nextSibling);
+		
+		attachEvent(elIFrame, "load", function(){
+			fCreator = elIFrame.contentWindow[fCreator] || elIFrame.contentWindow.createSEditor2;
+			
+//			top.document.title = ((new Date())-window.STime);
+//			window.STime = new Date();
+			
+			try{
+			
+				nEditorWidth = elIFrame.contentWindow.document.body.scrollWidth || "500px";
+				nEditorHeight = elIFrame.contentWindow.document.body.scrollHeight + 12;
+				elIFrame.style.width =  "100%";
+				elIFrame.style.height = nEditorHeight+ "px";
+				elIFrame.contentWindow.document.body.style.margin = "0";
+			}catch(e){
+				nhn.husky.EZCreator.hideBlocker(true);
+				elIFrame.style.border = "5px solid red";
+				elIFrame.style.width = "500px";
+				elIFrame.style.height = "500px";
+				alert("Failed to access "+sSkinURI);
+				return;
+			}
+			
+			var oApp = fCreator(elPlaceHolder, htParams);	// oEditor
+			
+
+			oApp.elPlaceHolder = elPlaceHolder;
+
+			oAppRef[oAppRef.length] = oApp;
+			if(!oAppRef.getById) oAppRef.getById = {};
+			
+			if(elPlaceHolder.id) oAppRef.getById[elPlaceHolder.id] = oApp;
+
+			oApp.run({fnOnAppReady:fOnAppLoad}); 
+			
+//			top.document.title += ", "+((new Date())-window.STime);
+			nhn.husky.EZCreator.hideBlocker();
+		});
+//		window.STime = new Date();
+		elIFrame.src = sSkinURI;
+	};
+	
+	this.showBlocker = function(){
+		if(this.nBlockerCount<1){
+			var elBlocker = document.createElement("DIV");
+			elBlocker.style.position = "absolute";
+			elBlocker.style.top = 0;
+			elBlocker.style.left = 0;
+			elBlocker.style.backgroundColor = "#FFFFFF";
+			elBlocker.style.width = "100%";
+
+			document.body.appendChild(elBlocker);
+			
+			nhn.husky.EZCreator.elBlocker = elBlocker;
+		}
+
+		nhn.husky.EZCreator.elBlocker.style.height = Math.max(document.body.scrollHeight, document.body.clientHeight)+"px";
+		
+		this.nBlockerCount++;
+	};
+	
+	this.hideBlocker = function(bForce){
+		if(!bForce){
+			if(--this.nBlockerCount > 0) return;
+		}
+		
+		this.nBlockerCount = 0;
+		
+		if(nhn.husky.EZCreator.elBlocker) nhn.husky.EZCreator.elBlocker.style.display = "none";
+	}
+})();

data/vendor/assets/javascripts/smart_editor/SE2B_Configuration.js

@@ -0,0 +1,77 @@
+/*
+ * Smart Editor 2 Configuration
+ */
+if(typeof window.nhn=='undefined'){window.nhn = {};}
+if (!nhn.husky){nhn.husky = {};}
+nhn.husky.SE2M_Configuration = {};
+
+nhn.husky.SE2M_Configuration.Editor = {
+	sJsBaseURL : './js_src',
+	sImageBaseURL : './img'
+};
+
+nhn.husky.SE2M_Configuration.LinkageDomain = {
+	sCommonAPI : 'http://api.se2.naver.com',
+	sCommonStatic : 'http://static.se2.naver.com',
+	sCommonImage : 'http://images.se2.naver.com'
+};
+
+nhn.husky.SE2M_Configuration.SE_EditingAreaManager = {
+	sBlankPageURL : "smart_editor2_inputarea.html",
+	sBlankPageURL_EmulateIE7 : "smart_editor2_inputarea_ie8.html",
+	aAddtionalEmulateIE7 : [9, 10] // IE8 default 사용, IE9 ~ 선택적 사용
+};
+
+nhn.husky.SE2M_Configuration.LazyLoad = {
+	sJsBaseURI : "js_lazyload"
+};
+
+nhn.husky.SE2M_Configuration.SE2B_CSSLoader = {
+	sCSSBaseURI : "/assets/smart_editor"
+};
+
+nhn.husky.SE2M_Configuration.Quote = {
+	sImageBaseURL : 'http://static.se2.naver.com/static/img'
+};
+
+nhn.husky.SE2M_Configuration.CustomObject = {
+	sVersion			: 1,
+	sClassName 			: '__se_object',
+	sValueName 			: 'jsonvalue',
+	sTagIdPrefix		: 'se_object_',
+	sTailComment		: '<!--__se_object_end -->',
+	sBlankTemplateURL 	: nhn.husky.SE2M_Configuration.LinkageDomain.sCommonStatic + '/static/db_attach/iframe_template_for_se1_obj.html',
+	sAttributeOfEmpty	: 's_isempty="true"',
+	sAttributeOfOldDB	: 's_olddb="true"',
+	sBlock	 			: '<div class="_block" style="position:absolute;z-index:10000;background-color:#fff;"></div>',
+	sBlokTemplate	  	:  '<div[\\s\\S]*?class=[\'"]?_block[\'"]?[\\s\\S]*?</div>',
+	sHighlight 			: '<div class="_highlight" style="position:absolute;width:58px;height:16px;line-height:0;z-index:9999"><img src="' + nhn.husky.SE2M_Configuration.LinkageDomain.sCommonStatic + '/static/img/pencil2.png" alt="" width="58" height="16" style="vertical-align:top"></div>',
+	sHighlightTemplate  :  '<div[\\s\\S]*?class=[\'"]?_highlight[\'"]?[\\s\\S]*?</div>',
+	sHtmlTemplateStartTag : '<!-- se_object_template_start -->',
+	sHtmlTemplateEndTag : '<!-- se_object_template_end -->',
+	sHtmlFilterTag 		: '{=sType}_{=sSubType}_{=nSeq}',
+	sTplHtmlFilterTag 	: '<!--{=sType}_{=sSubType}_(\\d+)-->',
+	sImgComServerPath	: nhn.husky.SE2M_Configuration.LinkageDomain.sCommonStatic + '/static/img/reviewitem',
+	nMaxWidth			: 548
+};
+
+nhn.husky.SE2M_Configuration.SE2M_ReEditAction = {
+	bUsed : true,
+	nSecDisplayDulationReEditMsg : 3,
+	aReEditGuideMsg : [
+	    '이미지 파일은 1회 클릭 시 크기 조절, 더블클릭 시 재편집이 가능합니다.',
+	    '첨부한 파일을 더블클릭 시 재편집이 가능합니다.',
+	    '첨부한 글양식 테이블을 드래그시 테이블 재편집이 가능합니다.',
+	    '첨부한 표를 드래그 시 표 재편집이 가능합니다.'
+	]
+};
+
+nhn.husky.SE2M_Configuration.SE2M_ColorPalette = {
+	bUseRecentColor : false
+};
+
+nhn.husky.SE2M_Configuration.QuickEditor = {
+	common : {
+		bUseConfig : false
+	}
+};

data/vendor/assets/javascripts/smart_editor/SE2BasicCreator.js

@@ -0,0 +1,85 @@
+function createSEditor2(elIRField, htParams, elSeAppContainer){
+	if(!window.$Jindo){
+		parent.document.body.innerHTML="진도 프레임웍이 필요합니다.<br>\n<a href='http://dev.naver.com/projects/jindo/download'>http://dev.naver.com/projects/jindo/download</a>에서 Jindo 1.5.3 버전의 jindo.min.js를 다운로드 받아 /js 폴더에 복사 해 주세요.\n(아직 Jindo 2 는 지원하지 않습니다.)";
+		return;
+	}
+
+	var elAppContainer = (elSeAppContainer || jindo.$("smart_editor2"));	
+	var elEditingArea = jindo.$$.getSingle("DIV.husky_seditor_editing_area_container", elAppContainer);
+	var oWYSIWYGIFrame = jindo.$$.getSingle("IFRAME.se2_input_wysiwyg", elEditingArea);
+	var oIRTextarea = elIRField?elIRField:jindo.$$.getSingle("TEXTAREA.blind", elEditingArea);
+	var oHTMLSrc = jindo.$$.getSingle("TEXTAREA.se2_input_htmlsrc", elEditingArea);
+	var oTextArea = jindo.$$.getSingle("TEXTAREA.se2_input_text", elEditingArea);
+	
+	if(!htParams){ 
+		htParams = {}; 
+		htParams.fOnBeforeUnload = null;
+	}
+	htParams.elAppContainer = elAppContainer;												// 에디터 UI 최상위 element 셋팅 
+	htParams.oNavigator = jindo.$Agent().navigator();										// navigator 객체 셋팅
+	
+	var oEditor = new nhn.husky.HuskyCore(htParams);
+	oEditor.registerPlugin(new nhn.husky.CorePlugin(htParams?htParams.fOnAppLoad:null));	
+	oEditor.registerPlugin(new nhn.husky.StringConverterManager());
+
+	var htDimension = {
+		nMinHeight:205,
+		nMinWidth:parseInt(elIRField.style.minWidth, 10)||570,
+		nHeight:elIRField.style.height||elIRField.offsetHeight,
+		nWidth:elIRField.style.width||elIRField.offsetWidth
+	};
+	oEditor.registerPlugin(new nhn.husky.SE_EditingAreaManager("WYSIWYG", oIRTextarea, htDimension,  htParams.fOnBeforeUnload, elAppContainer));
+	oEditor.registerPlugin(new nhn.husky.SE_EditingArea_WYSIWYG(oWYSIWYGIFrame));			// Tab Editor 모드
+	oEditor.registerPlugin(new nhn.husky.SE_EditingArea_HTMLSrc(oHTMLSrc));					// Tab HTML 모드
+	oEditor.registerPlugin(new nhn.husky.SE_EditingArea_TEXT(oTextArea));					// Tab Text 모드
+	oEditor.registerPlugin(new nhn.husky.SE2M_EditingModeChanger(elAppContainer));			// 모드간 변경(Editor, HTML, Text)
+	
+	oEditor.registerPlugin(new nhn.husky.HuskyRangeManager(oWYSIWYGIFrame));
+	oEditor.registerPlugin(new nhn.husky.Utils());
+	oEditor.registerPlugin(new nhn.husky.SE2M_UtilPlugin());
+	oEditor.registerPlugin(new nhn.husky.SE_WYSIWYGStyler());
+	oEditor.registerPlugin(new nhn.husky.SE2M_Toolbar(elAppContainer));
+	
+	oEditor.registerPlugin(new nhn.husky.Hotkey());											// 단축키
+	oEditor.registerPlugin(new nhn.husky.SE_EditingAreaVerticalResizer(elAppContainer));	// 편집영역 리사이즈
+	oEditor.registerPlugin(new nhn.husky.DialogLayerManager());
+	oEditor.registerPlugin(new nhn.husky.ActiveLayerManager());
+	oEditor.registerPlugin(new nhn.husky.SE_WYSIWYGStyleGetter());							// 커서 위치 스타일 정보 가져오기
+
+	oEditor.registerPlugin(new nhn.husky.SE2B_Customize_ToolBar(elAppContainer));			// 상단 툴바 (Basic)
+	oEditor.registerPlugin(new nhn.husky.SE_WYSIWYGEnterKey("P"));							// 엔터 시 처리, 현재는 P로 처리
+	
+	oEditor.registerPlugin(new nhn.husky.SE2M_ColorPalette(elAppContainer));				// 색상 팔레트
+	oEditor.registerPlugin(new nhn.husky.SE2M_FontColor(elAppContainer));					// 글자색
+	oEditor.registerPlugin(new nhn.husky.SE2M_BGColor(elAppContainer));						// 글자배경색
+	oEditor.registerPlugin(new nhn.husky.SE2M_FontNameWithLayerUI(elAppContainer));			// 글꼴종류
+	oEditor.registerPlugin(new nhn.husky.SE2M_FontSizeWithLayerUI(elAppContainer));			// 글꼴크기
+	
+	oEditor.registerPlugin(new nhn.husky.SE2M_LineStyler());								 
+	oEditor.registerPlugin(new nhn.husky.SE2M_ExecCommand(oWYSIWYGIFrame));
+	oEditor.registerPlugin(new nhn.husky.SE2M_LineHeightWithLayerUI(elAppContainer));		// 줄간격	
+
+	oEditor.registerPlugin(new nhn.husky.SE2M_Quote(elAppContainer));						// 인용구
+	oEditor.registerPlugin(new nhn.husky.SE2M_Hyperlink(elAppContainer));					// 링크
+	oEditor.registerPlugin(new nhn.husky.SE2M_SCharacter(elAppContainer));					// 특수문자
+	oEditor.registerPlugin(new nhn.husky.SE2M_FindReplacePlugin(elAppContainer));			// 찾기/바꾸기
+	oEditor.registerPlugin(new nhn.husky.SE2M_TableCreator(elAppContainer));				// 테이블 생성
+	oEditor.registerPlugin(new nhn.husky.SE2M_TableEditor(elAppContainer));					// 테이블 편집
+	oEditor.registerPlugin(new nhn.husky.SE2M_TableBlockStyler(elAppContainer));			// 테이블 스타일
+	oEditor.registerPlugin(new nhn.husky.SE2M_AttachQuickPhoto(elAppContainer));			// 사진			
+
+	oEditor.registerPlugin(new nhn.husky.MessageManager(oMessageMap));
+	oEditor.registerPlugin(new nhn.husky.SE2M_QuickEditor_Common(elAppContainer));			// 퀵에디터 공통(표, 이미지)
+
+	
+	if(jindo.$Agent().navigator().ie){
+		oEditor.registerPlugin(new nhn.husky.SE2M_ImgSizeRatioKeeper());					// 이미지 선택한 이후 마우스로 크기 조정하면 정비율로 변경		
+	}
+		
+	oEditor.registerPlugin(new nhn.husky.SE2B_CSSLoader());									// CSS lazy load
+	oEditor.registerPlugin(new nhn.husky.SE_OuterIFrameControl(elAppContainer, 100));
+	
+	oEditor.registerPlugin(new nhn.husky.SE_ToolbarToggler(elAppContainer, htParams.bUseToolbar));
+	
+	return oEditor;
+}

data/vendor/assets/javascripts/smart_editor/hp_SE2M_AttachQuickPhoto.js

@@ -0,0 +1,106 @@
+/**
+ * @use 간단 포토 업로드용으로 제작되었습니다.
+ * @author cielo
+ * @See nhn.husky.SE2M_Configuration 
+ * @ 팝업 마크업은 SimplePhotoUpload.html과 SimplePhotoUpload_html5.html이 있습니다. 
+ */
+
+nhn.husky.SE2M_AttachQuickPhoto = jindo.$Class({		
+	name : "SE2M_AttachQuickPhoto",
+
+	$init : function(){},
+	
+	$ON_MSG_APP_READY : function(){
+    alert('ready');
+		this.oApp.exec("REGISTER_UI_EVENT", ["photo_attach", "click", "ATTACHPHOTO_OPEN_WINDOW"]);
+	},
+	
+	$LOCAL_BEFORE_FIRST : function(sMsg){
+		if(!!this.oPopupMgr){ return; }
+		// Popup Manager에서 사용할 param
+		this.htPopupOption = {
+			oApp : this.oApp,
+			sName : this.name,
+			bScroll : false,
+			sProperties : "",
+			sUrl : ""
+		};
+		this.oPopupMgr = nhn.husky.PopUpManager.getInstance(this.oApp);
+	},
+	
+	/**
+	 * 포토 웹탑 오픈
+	 */
+	$ON_ATTACHPHOTO_OPEN_WINDOW : function(){			
+		this.htPopupOption.sUrl = this.makePopupURL();
+		this.htPopupOption.sProperties = "left=0,top=0,width=383,height=339,scrollbars=no,location=no,status=0,resizable=no";
+
+		this.oPopupWindow = this.oPopupMgr.openWindow(this.htPopupOption);
+		
+		// 처음 로딩하고 IE에서 커서가 전혀 없는 경우
+		// 복수 업로드시에 순서가 바뀜	
+		this.oApp.exec('FOCUS');
+		return (!!this.oPopupWindow ? true : false);
+	},
+	
+	/**
+	 * 서비스별로 팝업에  parameter를 추가하여 URL을 생성하는 함수	 
+	 * nhn.husky.SE2M_AttachQuickPhoto.prototype.makePopupURL로 덮어써서 사용하시면 됨.
+	 */
+	makePopupURL : function(){
+		var sPopupUrl = "./popup/quick_photo/Photo_Quick_UploadPopup.html"; 
+		return sPopupUrl;
+	},
+	
+	/**
+	 * 팝업에서 호출되는 메세지.
+	 */
+	$ON_SET_PHOTO : function(aPhotoData){
+    alert('parapara');
+		var sContents, 
+			aPhotoInfo,
+			htData;
+		
+		if( !aPhotoData ){ 
+			return; 
+		}
+		
+		try{
+			sContents = "";
+			for(var i = 0; i <aPhotoData.length; i++){				
+				htData = aPhotoData[i];
+				
+				if(!htData.sAlign){
+					htData.sAlign = "";
+				}
+				
+				aPhotoInfo = {
+				    sName : htData.sFileName || "",
+				    sOriginalImageURL : htData.sFileURL,
+					bNewLine : htData.bNewLine || false 
+				};
+				
+				sContents += this._getPhotoTag(aPhotoInfo);
+			}
+
+			this.oApp.exec("PASTE_HTML", [sContents]); // 위즐 첨부 파일 부분 확인
+		}catch(e){
+			// upload시 error발생에 대해서 skip함
+			return false;
+		}
+	},
+
+	/**
+	 * @use 일반 포토 tag 생성
+	 */
+	_getPhotoTag : function(htPhotoInfo){
+		// id와 class는 썸네일과 연관이 많습니다. 수정시 썸네일 영역도 Test
+		var sTag = '<img src="{=sOriginalImageURL}" title="{=sName}" >';
+		if(htPhotoInfo.bNewLine){
+			sTag += '<br style="clear:both;">';
+		}
+		sTag = jindo.$Template(sTag).process(htPhotoInfo);
+		
+		return sTag;
+	}
+});