mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 11:11:39 +09:00
7496aeebb8
문서 서식 기능을 글 작성과 볼때 동일한 형태 제공하도록 개선. 각 모듈별 추가 설정에서 문서 서식 설정할 수 있는 기능 추가 git-svn-id: http://xe-core.googlecode.com/svn/sandbox@6134 201d5d3c-b55e-5fd7-737f-ddc643e51545
244 lines
9.4 KiB
JavaScript
244 lines
9.4 KiB
JavaScript
if (!window.xe) xe = {};
|
|
|
|
xe.Editors = [];
|
|
|
|
function editorStart_xe(editor_sequence, primary_key, content_key, editor_height, colorset, content_style) {
|
|
if(typeof(colorset)=='undefined') colorset = 'white';
|
|
if(typeof(content_style)=='undefined') content_style = 'xeStyle';
|
|
|
|
var target_src = request_uri+'modules/editor/styles/'+content_style+'/editor.html';
|
|
|
|
var textarea = jQuery("#xpress-editor-"+editor_sequence);
|
|
var iframe = jQuery('<iframe id="editor_iframe_'+editor_sequence+'" allowTransparency="true" frameborder="0" src="'+target_src+'" scrolling="yes" style="width:100%;height:'+editor_height+'px">');
|
|
var htmlsrc = jQuery('<textarea rows="10" cols="20" class="input_syntax '+colorset+'" style="display:none"></textarea>');
|
|
var form = textarea.get(0).form;
|
|
form.setAttribute('editor_sequence', editor_sequence);
|
|
textarea.css("display","none");
|
|
|
|
var saved_content = '';
|
|
if(jQuery("input[name=content]",form).size()>0){
|
|
saved_content=jQuery("input[name=content]",form).val().replace(/src=\"files\/attach/g,'src="'+request_uri+'files/attach'); //'
|
|
jQuery("#xpress-editor-"+editor_sequence).val(saved_content);
|
|
}
|
|
|
|
/*
|
|
// remove procFilter
|
|
if(form.comment_srl){
|
|
form.onsubmit=function(){
|
|
var content = editorGetContent(editor_sequence);
|
|
editorRelKeys[editor_sequence]['content'].value = content;
|
|
insert_comment(form);
|
|
return false;
|
|
};
|
|
}else{
|
|
form.onsubmit=function(){
|
|
var content = editorGetContent(editor_sequence);
|
|
editorRelKeys[editor_sequence]['content'].value = content;
|
|
insert(form);
|
|
return false;
|
|
};
|
|
}
|
|
*/
|
|
|
|
// hide textarea
|
|
textarea.hide().css('width', '99%').before(iframe).after(htmlsrc);
|
|
|
|
// create an editor
|
|
var oEditor = new xe.XpressCore();
|
|
var oWYSIWYGIFrame = iframe.get(0);
|
|
var oIRTextarea = textarea.get(0);
|
|
var oHTMLSrcTextarea = htmlsrc.get(0);
|
|
var elAppContainer = jQuery('.xpress-editor', form).get(0);
|
|
|
|
oEditor.getFrame = function(){ return oWYSIWYGIFrame;}
|
|
|
|
var content = form[content_key].value;
|
|
var srcPathRegx = /src=("|\'){1}(\.\/)?(files\/attach|files\/cache|files\/faceOff|files\/member_extra_info|modules|common|widgets|widgetstyle|layouts|addons)\/([^"\']+)\.(jpg|jpeg|png|gif)("|\'){1}/g; //'
|
|
var hrefPathRegx = /href=("|\'){1}(\.\/)?\?([^"\']+)("|\'){1}/g; //'
|
|
content = content.replace(srcPathRegx, 'src="'+request_uri+'$3/$4.$5"');
|
|
content = content.replace(hrefPathRegx, 'href="'+request_uri+'?$3"');
|
|
form[content_key].value = content;
|
|
jQuery("#xpress-editor-"+editor_sequence).val(content);
|
|
|
|
// Set standard API
|
|
editorRelKeys[editor_sequence] = new Array();
|
|
editorRelKeys[editor_sequence]["primary"] = form[primary_key];
|
|
editorRelKeys[editor_sequence]["content"] = form[content_key];
|
|
editorRelKeys[editor_sequence]["func"] = editorGetContentTextarea_xe;
|
|
editorRelKeys[editor_sequence]["editor"] = oEditor;
|
|
editorRelKeys[editor_sequence]["pasteHTML"] = function(text){
|
|
oEditor.exec('PASTE_HTML',[text]);
|
|
}
|
|
xe.Editors[editor_sequence] = oEditor;
|
|
|
|
// register plugins
|
|
oEditor.registerPlugin(new xe.CorePlugin(null));
|
|
|
|
oEditor.registerPlugin(new xe.XE_PreservTemplate(jQuery("#xpress-editor-"+editor_sequence).val()));
|
|
oEditor.registerPlugin(new xe.StringConverterManager());
|
|
oEditor.registerPlugin(new xe.XE_EditingAreaManager("WYSIWYG", oIRTextarea, {nHeight:parseInt(editor_height), nMinHeight:205}, null, elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_EditingArea_HTMLSrc(oHTMLSrcTextarea));
|
|
oEditor.registerPlugin(new xe.XE_EditingAreaVerticalResizer(elAppContainer));
|
|
oEditor.registerPlugin(new xe.Utils());
|
|
oEditor.registerPlugin(new xe.DialogLayerManager());
|
|
oEditor.registerPlugin(new xe.ActiveLayerManager());
|
|
oEditor.registerPlugin(new xe.Hotkey());
|
|
oEditor.registerPlugin(new xe.XE_WYSIWYGStyler());
|
|
oEditor.registerPlugin(new xe.XE_WYSIWYGStyleGetter());
|
|
oEditor.registerPlugin(new xe.MessageManager(oMessageMap));
|
|
oEditor.registerPlugin(new xe.XE_Toolbar(elAppContainer));
|
|
|
|
oEditor.registerPlugin(new xe.XE_XHTMLFormatter);
|
|
oEditor.registerPlugin(new xe.XE_GET_WYSYWYG_MODE(editor_sequence));
|
|
oEditor.registerPlugin(new xe.XE_GET_WYSYWYG_CONTENT());
|
|
|
|
if(jQuery("ul.extra1").length) {
|
|
oEditor.registerPlugin(new xe.XE_ColorPalette(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_FontColor(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_BGColor(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_Quote(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_FontNameWithSelectUI(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_FontSizeWithSelectUI(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_LineHeightWithSelectUI(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_UndoRedo());
|
|
oEditor.registerPlugin(new xe.XE_Table(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_Hyperlink(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_FindReplacePlugin(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_FormatWithSelectUI(elAppContainer));
|
|
oEditor.registerPlugin(new xe.XE_SCharacter(elAppContainer));
|
|
}
|
|
|
|
if(jQuery("ul.extra2").length) {
|
|
oEditor.registerPlugin(new xe.XE_Extension(elAppContainer, editor_sequence));
|
|
}
|
|
|
|
if(jQuery("ul.extra3").length) {
|
|
oEditor.registerPlugin(new xe.XE_EditingModeToggler(elAppContainer));
|
|
}
|
|
|
|
|
|
//oEditor.registerPlugin(new xe.XE_Preview(elAppContainer));
|
|
|
|
if (!jQuery.browser.msie && !jQuery.browser.opera) {
|
|
oEditor.registerPlugin(new xe.XE_WYSIWYGEnterKey(oWYSIWYGIFrame));
|
|
}
|
|
|
|
// 자동 저장 사용?
|
|
if (s=form._saved_doc_title) {
|
|
oEditor.registerPlugin(new xe.XE_AutoSave(oIRTextarea, elAppContainer));
|
|
}
|
|
|
|
function load_proc() {
|
|
try {
|
|
var doc = oWYSIWYGIFrame.contentWindow.document, str;
|
|
if (doc.location == 'about:blank') throw 'blank';
|
|
|
|
// get innerHTML
|
|
str = doc.body.innerHTML;
|
|
|
|
// register plugin
|
|
oEditor.registerPlugin(new xe.XE_EditingArea_WYSIWYG(oWYSIWYGIFrame));
|
|
oEditor.registerPlugin(new xe.XpressRangeManager(oWYSIWYGIFrame));
|
|
oEditor.registerPlugin(new xe.XE_ExecCommand(oWYSIWYGIFrame));
|
|
|
|
// run
|
|
oEditor.run();
|
|
} catch(e) {
|
|
setTimeout(load_proc, 0);
|
|
}
|
|
}
|
|
|
|
load_proc();
|
|
|
|
return oEditor;
|
|
}
|
|
|
|
function editorGetContentTextarea_xe(editor_sequence) {
|
|
var oEditor = xe.Editors[editor_sequence] || null;
|
|
|
|
if (!oEditor) return '';
|
|
|
|
return oEditor.getIR();
|
|
}
|
|
|
|
function editorGetIframe(srl) {
|
|
return jQuery('iframe#editor_iframe_'+srl).get(0);
|
|
}
|
|
|
|
function editorReplaceHTML(iframe_obj, text) {
|
|
// 이미지 경로 재지정 (rewrite mod)
|
|
var srcPathRegx = /src=("|\'){1}(\.\/)?(files\/attach|files\/cache|files\/faceOff|files\/member_extra_info|modules|common|widgets|widgetstyle|layouts|addons)\/([^"\']+)\.(jpg|jpeg|png|gif)("|\'){1}/g;//'
|
|
text = text.replace(srcPathRegx, 'src="'+request_uri+'$3/$4.$5"');
|
|
|
|
// href 경로 재지정 (rewrite mod)
|
|
var hrefPathRegx = /href=("|\'){1}(\.\/)?\?([^"\']+)("|\'){1}/g;//'
|
|
text = text.replace(hrefPathRegx, 'href="'+request_uri+'?$3"');
|
|
|
|
var srl = parseInt(iframe_obj.id.replace(/^.*_/,''),10);
|
|
editorRelKeys[srl]["pasteHTML"](text);
|
|
}
|
|
|
|
// WYSIWYG 모드를 저장하는 확장기능
|
|
xe.XE_GET_WYSYWYG_MODE = jQuery.Class({
|
|
name : "XE_GET_WYSYWYG_MODE",
|
|
|
|
$init : function(editor_sequence) {
|
|
this.editor_sequence = editor_sequence;
|
|
},
|
|
|
|
$ON_CHANGE_EDITING_MODE : function(mode) {
|
|
editorMode[this.editor_sequence] = (mode =='HTMLSrc') ? 'html' : 'wysiwyg';
|
|
}
|
|
});
|
|
|
|
// 이미지등의 상대경로를 절대경로로 바꾸는 플러그인
|
|
xe.XE_GET_WYSYWYG_CONTENT = jQuery.Class({
|
|
name : "XE_GET_WYSYWYG_CONTENT",
|
|
|
|
$ON_MSG_APP_READY : function() {
|
|
this.oApp.addConverter("IR_TO_WYSIWYG", this.TO_WYSIWYG_SET);
|
|
},
|
|
|
|
TO_WYSIWYG_SET : function(content) {
|
|
var srcPathRegx = /src=("|\'){1}(\.\/)?(files\/attach|files\/cache|files\/faceOff|files\/member_extra_info|modules|common|widgets|widgetstyle|layouts|addons)\/([^"\']+)\.(jpg|jpeg|png|gif)("|\'){1}/g;//'
|
|
var hrefPathRegx = /href=("|\'){1}(\.\/)?\?([^"\']+)("|\'){1}/g;//'
|
|
content = content.replace(srcPathRegx, 'src="'+request_uri+'$3/$4.$5"');
|
|
content = content.replace(hrefPathRegx, 'href="'+request_uri+'?$3"');
|
|
return content;
|
|
}
|
|
});
|
|
|
|
// 서식 기본 내용을 보존
|
|
xe.XE_PreservTemplate = jQuery.Class({
|
|
name : "XE_PreservTemplate",
|
|
isRun : false,
|
|
|
|
$BEFORE_SET_IR : function(content) {
|
|
if(!this.isRun && !content) {
|
|
this.isRun = true;
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
|
|
// 미리보기 확장기능
|
|
xe.XE_Preview = jQuery.Class({
|
|
name : "XE_Preview",
|
|
elPreviewButton : null,
|
|
|
|
$init : function(elAppContainer) {
|
|
this._assignHTMLObjects(elAppContainer);
|
|
},
|
|
|
|
_assignHTMLObjects : function(elAppContainer) {
|
|
this.elPreviewButton = jQuery("BUTTON.xpress_xeditor_preview_button", elAppContainer);
|
|
},
|
|
|
|
$ON_MSG_APP_READY : function() {
|
|
this.oApp.registerBrowserEvent(this.elPreviewButton.get(0), "click", "EVENT_PREVIEW", []);
|
|
},
|
|
|
|
$ON_EVENT_PREVIEW : function() {
|
|
// TODO : 버튼이 눌렸을 때의 동작 정의
|
|
}
|
|
});
|