', '
', '
', '
\
\
\
\
\
\
\
\
\
\
\
\
';
if (NN.Utils.g(this.oSelf.Config.instanceID + '_layout')) {
NN.Utils.g(this.oSelf.Config.instanceID + '_layout').innerHTML = layout;
}
else {
document.write(layout);
}
var oContainer = this.oSelf.getCon();
ed.oEvent.add(NN.Utils.g(this.oSelf.Config.instanceID + '_TOOLBAR'), 'click', function (e, objExtend) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
self.makeContent();
if (typeof objExtend[objEvent.getAttribute('argv1') ] == 'object') {
if (typeof objExtend[objEvent.getAttribute('argv1') ]['method'] == 'function') {
this.exec[objEvent.getAttribute('argv1')] = objExtend[objEvent.getAttribute('argv1')]['method'].bind2(this, e, (objExtend[objEvent.getAttribute('argv1')]['param'] || ''));
}
else if (typeof objExtend[objEvent.getAttribute('argv1') ]['method'] == 'string') {
if (objExtend[objEvent.getAttribute('argv1') ]['method'] == 'defined') {}
else {
if (typeof console != "undefined") console.warn('error plugin: not defined function');
return;
} // method�꾨뱶�⑥닔媛� �뺤쓽�섏뼱 �덉� �딄퀬, �먮뵒�곗냼�ㅼ뿉�� �뺤쓽�섏� �딆븯�� ��
}
}
switch (objEvent.getAttribute('rel')) {
case 'default':
try {
eval('this.exec.' + objEvent.getAttribute('argv1') + '(e)');
}
catch (e) {
if (typeof console != 'undefined') {
console.warn('undefined toolbar function', e);
}
}
break;
case 'basic':
this.exec.basic(objEvent.getAttribute('argv1'), null);
switch (objEvent.getAttribute('argv1')) {
case 'bold':
case 'underline':
case 'cut':
case 'copy':
case 'paste':
case 'italic':
case 'strikethrough':
case 'superscript':
case 'subscript':
case 'removeformat':
case 'justifyleft':
case 'justifycenter':
case 'justifyright':
case 'justifyfull':
case 'insertorderedlist':
case 'insertunorderedlist':
case 'inserthorizontalrule':
this.Events.toolbarOver(e);
break;
}
NN.Utils.prevent(e);
break;
case 'viewSrc':
this.view.source();
NN.Utils.prevent(e);
break;
case 'fonttypePanel':
this.exec.fonttype(e);
NN.Utils.prevent(e);
break;
case 'fontsizePanel':
this.exec.fontsize(e);
NN.Utils.prevent(e);
break;
case 'fontcolorPanel':
this.exec.fontcolor(e);
NN.Utils.prevent(e);
break;
case 'fontbgcolorPanel':
this.exec.fontbgcolor(e);
NN.Utils.prevent(e);
break;
case 'evtPickColorDirect':
this.exec.evtPickColorDirect();
break;
case 'evtBgColorDirect':
this.exec.evtBgColorDirect();
break;
case 'full':
this.view.full();
break;
case 'html':
this.view.html();
break;
case 'table':
this.table.popup(e);
break;
case 'undo':
this.save.undo();
break;
case 'redo':
this.save.redo();
break;
case 'docunew':
this.save.docuNew();
break;
}
}.bind2Event(ed, ed.getOpt('addToolbarBtn')));
ed.Events.ctrlToobar = function (target, evtName, mode) {
if (typeof evtName == 'undefined') return;
var obj = typeof target == 'object' ? target : NN.Utils.g(target);
if (obj == null) return;
mode = mode || 'enable';
switch (mode) {
case 'enable':
if (NN.Browser.MSIE) obj.style.filter = 'alpha(opacity=100)';
else obj.style.opacity = 1;
this.oEvent.add(obj, 'click', evtName);
break;
case 'disable':
if (NN.Browser.MSIE) obj.style.filter = 'alpha(opacity=20)';
else obj.style.opacity = 0.3;
removeEvent(obj, 'click', evtName, true);
break;
}
}.bind2(ed);
ed.Events.toolbarOver = function (e) {
var oTarget = e.target || e.srcElement;
switch (e.type) {
case 'click':
if (oTarget.className.match('actived') != null) {
oTarget.className = oTarget.className.replace(new RegExp("actived"), "");
}
else {
oTarget.className += ' actived';
}
break;
case 'mouseover':
oTarget.className += ' hover';
break;
case 'mouseout':
oTarget.className = oTarget.className.replace(new RegExp("hover"), "");
break;
}
NN.Utils.prevent(e);
};
ed.Events.toolbarOverCTRL = function (e) {
var objEvent = e.srcElement || e.target;
if (objEvent.getAttribute('rel2') != 'm') return;
switch (e.type) {
case 'mouseover':
this.Events.toolbarOver(e);
break;
case 'mouseout':
this.Events.toolbarOver(e);
break;
}
}.bind2Event(ed);
ed.oEvent.add(NN.Utils.g(ed.Config.instanceID + '_TOOLBAR'), 'mouseover', ed.Events.toolbarOverCTRL);
ed.oEvent.add(NN.Utils.g(ed.Config.instanceID + '_TOOLBAR'), 'mouseout', ed.Events.toolbarOverCTRL);
ed.Events.tableGroupBT = ['tableModify', 'insertrow_before', 'insertrow_after', 'deleterow', 'insertcell_before', 'insertcell_after', 'deletecell', 'cellProp', 'rowProp', 'merge', 'mergeRecover'];
ed.Events.tableModify = function (evt) {
if (this.table.getInfo() == true) {
this.table.popupModify(evt);
}
}.bind2Event(this.oSelf);
ed.Events.insertrow_before = function () {
if (this.table.getInfo() == true) {
this.table.insertRow('before');
}
}.bind2Event(this.oSelf);
ed.Events.insertrow_after = function () {
if (this.table.getInfo() == true) {
this.table.insertRow('after');
}
}.bind2(this.oSelf);
ed.Events.deleterow = function () {
if (this.table.getInfo() == true) {
this.table.deleteRow();
}
}.bind2(this.oSelf);
ed.Events.insertcell_before = function () {
if (oThis.table.getInfo() == true) {
oThis.table.insertCell('before');
}
}.bind2(this.oSelf);
ed.Events.insertcell_after = function () {
if (this.table.getInfo() == true) {
this.table.insertCell('after');
}
}.bind2(this.oSelf);
ed.Events.deletecell = function () {
if (this.table.getInfo() == true) {
this.table.deleteCol();
}
}.bind2(this.oSelf);
ed.Events.cellProp = function (evt) {
if (this.table.getInfo() == true) {
this.table.cellProp(evt);
}
}.bind2Event(this.oSelf);
ed.Events.rowProp = function (evt) {
if (this.table.getInfo() == true) {
this.table.rowProp(evt);
}
}.bind2Event(this.oSelf);
ed.Events.merge = function (evt) {
if (this.table.getInfo() == true) {
this.table.merge(evt);
}
}.bind2Event(this.oSelf);
ed.Events.mergeRecover = function () {
if (this.table.getInfo() == true) {
this.table.mergeRecover();
}
}.bind2(this.oSelf);
ed.Events.unlink = this.oSelf.exec.unlink.bind2(this.oSelf.exec);
ed.Events.contextMouse = function (e) {
var obj = (e.srcElement || e.target);
switch (e.type) {
case 'mouseover':
if (obj.nodeName.toUpperCase() == 'LI') {
obj.className = 'iehover';
obj.style.backgroundColor = '#FBEEF1';
}
else {
obj.parentNode.className = 'iehover';
obj.parentNode.style.backgroundColor = '#FBEEF1';
}
break;
case 'mouseout':
if (obj.nodeName.toUpperCase() == 'LI') {
obj.className = '';
obj.style.backgroundColor = '';
}
else {
obj.parentNode.className = '';
obj.parentNode.style.backgroundColor = '';
}
break;
}
}.bind2Event(this.oSelf);
ed.Events.close = function () {
removeEvent(this, 'click', arguments.callee, true);
ed.exec.close();
};
ed.Events.evtFonttype = ed.exec.evtFonttype.bind2Event(ed);
ed.Events.evtFontsize = ed.exec.evtFontsize.bind2Event(ed);
ed.Events.evtPickColor = ed.exec.evtPickColor.bind2Event(ed);
ed.Events.evtBgColor = ed.exec.evtBgColor.bind2Event(ed);
ed.Events.evtPickColor2 = ed.exec.evtPickColor2.bind2Event(ed);
ed.Events.evtLink = ed.exec.evtLink.bind2Event(ed);
ed.Events.evtMovie = ed.exec.evtMovie.bind2(ed);
ed.Events.evtImage = ed.exec.evtImage.bind2(ed);
ed.Events.evtPresentExcel = ed.exec.evtPresentExcel.bind2(ed);
ed.Events.evtTable = ed.table.evtTable.bind2(ed);
ed.Events.evtTableModify = ed.table.evtTableModify.bind2(ed);
ed.Events.evtCellProp = ed.table.evtCellProp.bind2Event(ed);
ed.Events.evtRowProp = ed.table.evtRowProp.bind2Event(ed);
ed.Events.imageAttri = ed.exec.imageAttri.bind2Event(ed.exec);
ed.Events.evtImageAttri = ed.exec.evtImageAttri.bind2Event(ed);
var
oUL = document.createElement('ul'),
objExtend = this.oSelf.getOpt('addToolbarBtn'),
objRmBtn = this.oSelf.getOpt('rmBtn');
var arrayTool = this.oSelf.getOpt('toolbarType') == 'all' ? this.oSelf.getOpt('toolbar') : this.oSelf.getOpt('toolbarSimple');
for (var grpCnt = 0, groupTotal = arrayTool.length; grpCnt < groupTotal; grpCnt++) {
var oUL = document.createElement('UL');
oUL.className = NN.Browser.MSIE ? 'se_toolbar_left' : 'se_toolbar_left2';
var oLI = document.createElement('li');
oLI.innerHTML = '';
oUL.appendChild(oLI);
var objSubGroup = arrayTool[grpCnt];
for (var subGrpCnt = 0, subGrpTotal = objSubGroup.length; subGrpCnt < subGrpTotal; subGrpCnt++) {
var func = objSubGroup[subGrpCnt];
if (objRmBtn.search(func) != -1) continue;
var _title = NNEditor_Lang[func] || '';
var oLI = document.createElement('li');
oLI.className = func;
if (!func) continue;
var id = ed.Config.instanceID + '_BUTTON_' + func;
switch (func) {
case 'mode':
oLI.innerHTML = '' + NNEditor_Lang['src'] + ' |
'; } NN.Utils.g(ed.Config.instanceID + '_iframe_container').appendChild(oText); this.initSet(); }, 'useCss': function (s) { if (NN.Browser.MSIE) return; var oIFDoc = this.oSelf.getIFDoc(); oIFDoc.execCommand("styleWithCSS", 0, s); }, 'initSet': function () { var t = this, ed = this.oSelf, oIFDoc = ed.getIFDoc(); isNewTypingForUndo = false; if (ed.getOpt('divideTagStyle')) { var _START_HTML = ed.getOpt('START_HTML').replace('
', '
');
}
else {
var _START_HTML = ed.getOpt('START_HTML');
}
var defaultHTML = ed.getOpt('value') == '' ? _START_HTML : ed.getOpt('value');
defaultHTML = this.oSelf.view.text2html(defaultHTML);
this.oSelf.getText().value = ed.view.bbcode(defaultHTML, 'encode');
var initHTML = '\
\
\
\
\
\
' + defaultHTML + '\
';
oIFDoc.open();
oIFDoc.write(initHTML);
oIFDoc.close();
if (NN.Browser.MSIEVer) {
try {
//var MSIE_VERSION = /(msie) ([\w.]+)/.exec(navigator.userAgent.toLowerCase());
//if (MSIE_VERSION[2] == '9.0') {
if (9 <= NN.Browser.MSIEVer) {
oIFDoc.body.setAttribute('contentEditable', 'true'); // focus媛� �먮룞�쇰줈 �좊룄�� 9.0�� focus �좊룄�덈맖, iframe �ㅽ겕濡ㅻ컮 諛쒖깮�쒗궡.
}
else {
oIFDoc.designMode = 'On';
}
}
catch (e) {
oIFDoc.designMode = 'On';
}
}
else {
oIFDoc.designMode = 'On';
setTimeout(function () {
try {
if (NN.Browser.Firefox) oIFDoc.execCommand('enableInlineTableEditing', false, false);
}
catch (e) {}
}, 100);
}
ed.Events.mouseoverBGcolor = (function () {
return function (event) {
(event.srcElement || event.target).style.backgroundColor = '#FBEEF1';
}
})();
ed.Events.mouseoutBGcolor = (function () {
return function (event) {
(event.srcElement || event.target).style.backgroundColor = '#ffffff';
}
})();
ed.Events.editor = t.evtHandler.bind2Event(ed);
ed.Events.table = ed.table.contextmenu.bind2Event(ed);
ed.Events.resize = t.resizeInit.bind2Event(t);
ed.save.undoArray = [{
content: ed.Config.START_HTML,
scrollTop: 0
}
];
ed.Events.undo = ed.save.undo.bind2(ed.save);
ed.Events.redo = ed.save.redo.bind2(ed.save);
ed.keyInfo = {
'cache': null,
'curTime': new Date().getTime(),
'lastTime': new Date().getTime()
};
ed.oEvent.add(ed.getIFDoc(), 'click', ed.Events.editor);
ed.oEvent.add(ed.getIFDoc(), 'keydown', ed.Events.editor);
ed.oEvent.add(ed.getIFDoc(), 'keyup', ed.Events.editor);
if (NN.Browser.MSIE) {
ed.oEvent.add(ed.getIFDoc(), 'beforedeactivate', this.saveRange.bind2Event(this));
ed.oEvent.add(ed.getText(), 'beforedeactivate', this.saveRange.bind2Event(this));
ed.oEvent.add(ed.getIFDoc(), 'activate', this.restoreRange.bind2Event(this));
}
else {
if (NN.Browser.MSIEVer) {
ed.oEvent.add(ed.getIFDoc(), 'beforedeactivate', this.saveRange.bind2Event(this));
ed.oEvent.add(ed.getText(), 'beforedeactivate', this.saveRange.bind2Event(this));
ed.oEvent.add(ed.getIFDoc(), 'focus', this.restoreRange.bind2Event(this));
} else {
ed.oEvent.add(ed.getIFDoc(), 'blur', this.saveRange.bind2Event(this));
ed.oEvent.add(ed.getText(), 'blur', this.makeContent.bind2(this));
}
}
ed.oEvent.add(NN.Utils.g(ed.Config.instanceID + '_seResize'), 'mousedown', ed.Events.resize);
ed.oEvent.add(ed.getIFDoc(), 'dblclick', ed.Events.imageAttri);
ed.Events.bold = function () {
var oTarget = NN.Utils.g(this.Config.instanceID + '_BUTTON_bold');
if (oTarget.className.match('actived') != null) {
oTarget.className = oTarget.className.replace(new RegExp("actived"), "");
}
else {
oTarget.className += ' actived';
}
this.exec.basic('bold', null);
}.bind2(ed);
shortcut("ctrl+b", ed.Events.bold, {
'target': ed.getIFDoc()
}, ed);
ed.Events.underline = function () {
var oTarget = NN.Utils.g(this.Config.instanceID + '_BUTTON_underline');
if (oTarget.className.match('actived') != null) {
oTarget.className = oTarget.className.replace(new RegExp("actived"), "");
}
else {
oTarget.className += ' actived';
}
this.exec.basic('underline', null);
}.bind2(ed);
shortcut("ctrl+u", ed.Events.underline, {
'target': ed.getIFDoc()
}, ed);
ed.Events.justifyleft = function () {
var oTarget = NN.Utils.g(this.Config.instanceID + '_BUTTON_justifyleft');
if (oTarget.className.match('actived') != null) {
oTarget.className = oTarget.className.replace(new RegExp("actived"), "");
}
else {
oTarget.className += ' actived';
}
this.exec.basic('justifyleft', null);
}.bind2(ed);
shortcut("ctrl+l", ed.Events.justifyleft, {
'target': ed.getIFDoc()
}, ed);
ed.Events.justifycenter = function () {
var oTarget = NN.Utils.g(this.Config.instanceID + '_BUTTON_justifycenter');
if (oTarget.className.match('actived') != null) {
oTarget.className = oTarget.className.replace(new RegExp("actived"), "");
}
else {
oTarget.className += ' actived';
}
this.exec.basic('justifycenter', null);
}.bind2(ed);
shortcut("ctrl+e", ed.Events.justifycenter, {
'target': ed.getIFDoc()
}, ed);
ed.Events.justifyright = function () {
var oTarget = NN.Utils.g(this.Config.instanceID + '_BUTTON_justifyright');
if (oTarget.className.match('actived') != null) {
oTarget.className = oTarget.className.replace(new RegExp("actived"), "");
}
else {
oTarget.className += ' actived';
}
this.exec.basic('justifyright', null);
}.bind2(ed);
shortcut("ctrl+r", ed.Events.justifyright, {
'target': ed.getIFDoc()
}, ed);
shortcut("ctrl+z", ed.Events.undo, {
'target': ed.getIFDoc()
}, ed);
shortcut("ctrl+y", ed.Events.redo, {
'target': ed.getIFDoc()
}, ed);
},
'saveRange': function (evt) {
var s = this.oSelf.oSelection;
//if (evt && evt.srcElement) s.lastSel = SXI.Selection.save(evt.srcElement);
if (evt && evt.srcElement) s.lastSel = SXI.Selection2.save(this.oSelf.getIFW());
s.lastRange = s.getRng();
this.makeContent();
},
'restoreRange': function (evt) {
var s = this.oSelf.oSelection;
if (s.lastRange) {
try {
s.lastRange.select();
}
catch (e) {
var sel = s.getSel();
if (sel && sel.type) {
var type = sel.type.toLowerCase();
if (type === "control") {
sel.empty();
var rng = sel.createRange();
rng.collapse(false);
rng.select();
}
}
}
}
else {
this.saveRange();
}
},
'makeContent': function () {
var t = this.oSelf;
switch (t.getOpt('mode')) {
case 'design':
NN.Utils.debug('[layout.makeContent]', 'html -> text');
html = t.view.bbcode(t.getIFDoc().body.innerHTML, 'encode');
html = t.view.makeCorrectTag(html);
break;
case 'source':
NN.Utils.debug('[layout.makeContent]', 'text -> html');
html = t.view.bbcode(t.getText().value, 'encode');
html = t.view.makeCorrectTag(html);
break;
}
if (t.getOpt('XSS') == true) {
html = html.replace(/[<]script([^>]+|)>([\s\S]*?)<\/script>/ig, '');
html = html.replace(/[<]style([^>]+|)>([\s\S]*?)<\/style>/ig, '');
html = html.replace(/
' || html == '
') { html = ''; } t.getText().value = html.replace(/\ufeff/g, ""); }, 'evtHandler': function (evt) { var s = this.oSelection, r = s.getRng(), l = this.layout, u = this.u, e = this.exec; switch (evt.type) { case 'click': this.layout.query(evt); this.layer.closeAll(); break; case 'keydown': if (NN.Browser.Firefox) { if (!evt.shiftKey && evt.keyCode == 13) { s.ctrlEnter(evt); } } if ([13, 46, 8, 32].include(evt.keyCode) == true) { this.save.saveHistory(true); if (evt.keyCode == 8) { if (r.item) { r.item(0).removeNode(); return NN.Utils.prevent(evt); } } } else if (evt.ctrlKey && (evt.keyCode == 86 || evt.keyCode == 88)) { this.save.saveHistory(true); } else if (!evt.ctrlKey && !evt.altKey) { isNewTypingForUndo = true; } break; case 'keyup': this.keyInfo['curTime'] = new Date().getTime(); if (this.keyInfo['lastTime'] + 100 < this.keyInfo['curTime']) { if ([37, 38, 39, 40].include(evt.keyCode) == true) { this.layout.query(evt); } this.keyInfo['lastTime'] = this.keyInfo['curTime']; this.keyInfo['cache'] = evt.keyCode; } break; } }, 'query': function (evt) { this.oSelf.objModify = this.oSelf.oSelection.getNode(); this.getTags(); this.setActiveToolbar(); }, 'resizeInit': function (e) { this.drag = { 'moveCounter': 0, 'initEventX': e.clientX, 'initEventY': e.clientY, 'window_width': this.oSelf.getIF().offsetWidth, 'window_height': this.oSelf.getIF().offsetHeight || this.oSelf.getText().offsetHeight, 'size': NN.Utils.getPageSize() }; this.editAreaDisplay(1); var oHolder = NN.Utils.g(this.oSelf.Config.instanceID + '_holder'); if (oHolder == null) { this.oHolder = document.createElement('div'); this.oHolder.setAttribute('id', this.oSelf.Config.instanceID + '_holder'); with(this.oHolder) { style.border = '0px none'; style.backgroundColor = '#ffffff'; style.width = this.drag.window_width + 'px'; style.height = this.drag.window_height + 'px'; } this.oSelf.getText().parentNode.insertBefore(this.oHolder, this.oSelf.getText()); } this.startMove(); if (NN.Browser.MSIE) { window.document.onmousemove = this.mouseMove.bind2Event(this); window.document.onmouseup = this.mouseUP.bind2(this); } else { window.onmousemove = this.mouseMove.bind2Event(this); window.onmouseup = this.mouseUP.bind2(this); } NN.Utils.disableSelect(); }, 'startMove': function () { if (this.drag.moveCounter >= 0 && this.drag.moveCounter <= 10) { this.drag.moveCounter++; setTimeout(this.startMove.bind2(this), 10); } }, 'mouseMove': function (e) { if (this.drag.moveCounter < 10) return; var height = this.drag.window_height + e.clientY - this.drag.initEventY; if (height <= 10) { height = 10; this.mouseUP(); } this.oHolder.style.height = height + 'px'; this.oSelf.getIF().style.height = height + 'px'; this.oSelf.getText().style.height = height + 'px'; }, 'mouseUP': function () { var oHolder = NN.Utils.g(this.oSelf.Config.instanceID + '_holder'); if (oHolder) { this.oSelf.getText().parentNode.removeChild(oHolder); this.oHolder = null; } this.editAreaDisplay(2); this.drag.moveCounter = 0; if (NN.Browser.MSIE) { window.document.onmousemove = null; window.document.onmouseup = null; } else { window.onmousemove = null; window.onmouseup = null; } this.drag.moveCounter = 0; NN.Utils.restoreSelect(); setTimeout(function () { if (this.getOpt('mode') == 'design') { this.getIFW().focus(); } else if (this.getOpt('mode') == 'source') { this.getText().focus(); } }.bind2(this.oSelf), 10); }, 'editAreaDisplay': function (mode) { switch (mode) { case 1: if (this.oSelf.getOpt('mode') == 'design') { this.oSelf.getIF().style.display = 'none'; } else if (this.oSelf.getOpt('mode') == 'source') { this.oSelf.getText().style.display = 'none'; } break; case 2: if (this.oSelf.getOpt('mode') == 'design') { this.oSelf.getIF().style.display = 'block'; } else if (this.oSelf.getOpt('mode') == 'source') { this.oSelf.getText().style.display = 'block'; } break; } }, 'getTags': function () { var ge_notag = false, _parent = null, ancestors = [], s = this.oSelf.oSelection; _parent = s.getNode(); while (_parent && (_parent.nodeType == NN.DOM.ELEMENT_NODE) && (_parent.tagName.toLowerCase() != 'body')) { ancestors.push(_parent); _parent = _parent.parentNode; } this.oSelf.ancestors = ancestors; }, 'setActiveToolbar': function () { if (this.oSelf.objModify == null) return; if (typeof this.oSelf.objModify == 'undefined') return; if (this.oSelf.table.getInfo() == true) { this.oSelf.oEvent.add(this.oSelf.getIFDoc(), 'contextmenu', this.oSelf.Events.table); } else { this.oSelf.oEvent.remove(this.oSelf.getIFDoc(), 'contextmenu', this.oSelf.Events.table); } for (var i = 0, t = this.oSelf.arrayBT.length; i < t; i++) { NN.Utils.g(this.oSelf.arrayBT[i]).className = ''; } var _cellNode = NN.DOM.schCellNode(this.oSelf.objModify); if (_cellNode != null) { this.oSelf.Events.tableGroupBT.each2(function (id) { this.oSelf.Events.ctrlToobar(NN.Utils.g(this.oSelf.Config.instanceID + '_BUTTON_' + id), eval('this.oSelf.Events.' + id), 'disable'); this.oSelf.Events.ctrlToobar(NN.Utils.g(this.oSelf.Config.instanceID + '_BUTTON_' + id), eval('this.oSelf.Events.' + id), 'enable'); }.bind2(this)); } else { this.oSelf.Events.tableGroupBT.each2(function (id) { this.oSelf.Events.ctrlToobar(NN.Utils.g(this.oSelf.Config.instanceID + '_BUTTON_' + id), eval('this.oSelf.Events.' + id), 'disable'); }.bind2(this)); } if (this.oSelf.objModify.tagName.toLowerCase() == 'a') { this.oSelf.Events.ctrlToobar(NN.Utils.g(this.oSelf.Config.instanceID + '_BUTTON_unlink'), this.oSelf.Events.unlink, 'disable'); this.oSelf.Events.ctrlToobar(NN.Utils.g(this.oSelf.Config.instanceID + '_BUTTON_unlink'), this.oSelf.Events.unlink, 'enable'); } else { this.oSelf.Events.ctrlToobar(NN.Utils.g(this.oSelf.Config.instanceID + '_BUTTON_unlink'), this.oSelf.Events.unlink, 'disable'); } var hash = { 'B': this.oSelf.Config.instanceID + '_BUTTON_bold', 'STRONG': this.oSelf.Config.instanceID + '_BUTTON_bold', 'U': this.oSelf.Config.instanceID + '_BUTTON_underline', 'SUB': this.oSelf.Config.instanceID + '_BUTTON_subscript', 'SUP': this.oSelf.Config.instanceID + '_BUTTON_superscript', 'I': this.oSelf.Config.instanceID + '_BUTTON_italic', 'EM': this.oSelf.Config.instanceID + '_BUTTON_italic', 'STRIKE': this.oSelf.Config.instanceID + '_BUTTON_strikethrough', 'LEFT': this.oSelf.Config.instanceID + '_BUTTON_justifyleft', 'CENTER': this.oSelf.Config.instanceID + '_BUTTON_justifycenter', 'RIGHT': this.oSelf.Config.instanceID + '_BUTTON_justifyright', 'JUSTIFY': this.oSelf.Config.instanceID + '_BUTTON_justifyfull', 'A': this.oSelf.Config.instanceID + '_BUTTON_link', 'A2': this.oSelf.Config.instanceID + '_BUTTON_unlink', 'OL': this.oSelf.Config.instanceID + '_BUTTON_insertorderedlist', 'UL': this.oSelf.Config.instanceID + '_BUTTON_insertunorderedlist', 'TD': this.oSelf.Config.instanceID + '_BUTTON_table' }; for (var i = 0, flag1 = false, flag2 = false, flag3 = false, t = this.oSelf.ancestors.length; i < t; i++) { var obj = this.oSelf.ancestors[i]; var tagName = obj.tagName.toUpperCase(); if (tagName == 'BODY' || tagName == 'LI') continue; if (tagName == 'P' || tagName == 'DIV') { if (NN.Browser.MSIE) { var vAlign = obj.getAttribute('align') && obj.getAttribute('align').toUpperCase(); } else { var vAlign = obj.style.textAlign && obj.style.textAlign.toUpperCase(); } if (NN.Utils.g(hash[vAlign]) != null) { NN.Utils.g(hash[vAlign]).className = 'actived'; } } if (obj.style.fontWeight && obj.style.fontWeight == 'bold') NN.Utils.g(hash['B']).className = 'actived'; if (obj.style.textDecoration && /underline/.test(obj.style.textDecoration)) NN.Utils.g(hash['U']).className = 'actived'; if (obj.style.textDecoration && /line-through/.test(obj.style.textDecoration)) NN.Utils.g(hash['STRIKE']).className = 'actived'; if (obj.style.fontStyle && obj.style.fontStyle == 'italic') NN.Utils.g(hash['I']).className = 'actived'; if (NN.Utils.g('fontsizePanel')) { if (obj.style.fontSize) { NN.Utils.g('fontsizePanel').firstChild.nodeValue = obj.style.fontSize; flag1 = true; } else { if (flag1 == false) NN.Utils.g('fontsizePanel').firstChild.nodeValue = NNEditor_Lang['size']; } } if (NN.Utils.g('fonttypePanel')) { if (obj.style.fontFamily) { NN.Utils.g('fonttypePanel').firstChild.nodeValue = obj.style.fontFamily.split(',')[0].substr(0, 4); flag2 = true; } else { if (flag2 == false) NN.Utils.g('fonttypePanel').firstChild.nodeValue = NNEditor_Lang['font']; } } if (tagName == 'A' && NN.Utils.g(hash[tagName])) { NN.Utils.g(hash[tagName]).className = 'actived'; NN.Utils.g(hash[tagName + '2']).className = 'actived'; } if (NN.Utils.g(hash[tagName]) != null) { NN.Utils.g(hash[tagName]).className = 'actived'; } } } }; this.layer = { oSelf: this, options: {}, queue: [], resetOptions: function () { this.options = { '__TARGET_ID__': '_target_id_nullLayerPage', '__TITLE__': '�쒕ぉ�놁쓬', '__CONTENTS_ID__': '_contents_id_nullLayerPage', 'width': '300', 'e': false, 'e2': false, 'notDestroy': false, 'align': false }; }, empty: function (param) { this.resetOptions(); var html = '\
\
\
';
Object.extend(this.options, param || {});
var layerID = this.options['__TARGET_ID__'];
this.close(layerID, param['notDestroy']);
this.queue.push(layerID);
if (!this.options.e && !this.options.e2) {
var evt = this.oSelf.e;
var oPos = NN.Utils.getAbsolutePosition(evt.target || evt.srcElement);
}
if (this.options.e) {
var oPos = NN.Utils.getAbsolutePosition(this.oSelf.getIF());
oPos = {
'x': oPos.x + this.options.e.clientX,
'y': oPos.y + this.options.e.clientY
};
}
if (this.options.e2) {
oPos = {
'x': this.options.e2.clientX,
'y': this.options.e2.clientY + NN.Utils.getPageScroll()
};
}
var ret = html.replace(/__TARGET_ID__/g, this.options.__TARGET_ID__);
var ret = ret.replace(/__TITLE__/g, this.options.__TITLE__);
var ret = ret.replace(/__CONTENTS_ID__/g, this.options.__CONTENTS_ID__);
if (typeof this.oSelf.zIndex == 'undefined') {
this.oSelf.zIndex = 10000000;
}
else {
this.oSelf.zIndex++;
}
var oCon = document.createElement('div');
with(oCon) {
var size = NN.Utils.getPageSize();
setAttribute('id', layerID);
style.position = 'absolute';
style.width = this.options['width'] + 'px';
if (this.options['align'] == 'center') {
style.left = (size[2] / 2 - this.options['width'] / 2) + 'px';
}
else {
if (parseInt(oPos.x) + parseInt(this.options['width']) > size[2]) {
style.right = '50px';
}
else {
style.left = oPos.x + 'px';
}
}
style.top = oPos.y + 20 + 'px';
style.zIndex = this.oSelf.zIndex;
style.border = '5px solid #cacaca';
style.backgroundColor = '#ffffff';
style.padding = 0;
style.margin = 0;
innerHTML = ret;
}
var objBody = document.getElementsByTagName('body')[0];
objBody.insertBefore(oCon, objBody.firstChild);
if (NN.Browser.MSIE) {
setTimeout(function () {
NN.Utils.g(layerID).style.display = 'block';
NN.Utils.g(this.oSelf.Config.instanceID + '_nneditorClose').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.oSelf.Config.imgPATH + "close.png', sizingMethod='crop')";
}.bind2(this), 10);
}
var funcNameForRemove = function (e, layerID) {
var objEvent = e.target || e.srcElement;
if (objEvent.getAttribute('rel') != '_layer_close') return;
removeEvent(NN.Utils.g(layerID), 'click', funcNameForRemove, true);
this.close(layerID, param['notDestroy']);
}.bind2Event(this, layerID);
this.oSelf.oEvent.add(NN.Utils.g(layerID), 'click', funcNameForRemove, 'static');
if (typeof this.options.callback == 'function') {
this.options.callback();
}
},
close: function (layerID, modeDestroy) {
var modeDestroy = typeof modeDestroy == 'undefined' ? 'enable' : 'disable';
if (modeDestroy == 'enable') {
if (NN.Utils.g('_table_picColor_title') == null) {
this.oSelf.oEvent.destroy('static');
}
else {
document.body.removeChild(NN.Utils.g('_table_picColor_title'));
}
}
if (NN.Utils.g(layerID) != null) {
document.body.removeChild(NN.Utils.g(layerID));
}
this.queue.remove(this.queue.search(layerID));
},
closeAll: function () {
eachjQuery(this.queue, function (layerID) {
if (NN.Utils.g(layerID) != null) {
document.body.removeChild(NN.Utils.g(layerID));
}
});
this.queue = [];
}
};
this.view = {
oSelf: this,
parsing: function (mode) {
var
t = this,
ed = this.oSelf;
switch (mode) {
case 1:
var html = ed.getIFDoc().body.innerHTML;
html = t.html2text(html);
break;
case 2:
var html = ed.getText().value;
html = t.text2html(html);
if (html.trim() == '' || html.trim() == '\
') { html = ed.getOpt('START_HTML'); } break; } return html; }, preview: function (html) { html = html || this.oSelf.getIFDoc().body.innerHTML; var m = html.match(/
' + _data_filename[1] + '';
return _html;
});
}
else if (type == 'encode') {
var ptn = /
';
return _html;
}.bind2(this));
var ptn = /';
NN.Utils.debug('[layout.toggleRegExp.embedClient]', _html);
return _html;
}.bind2(this));
}
return html;
},
embed: function (html, type) {
if (type == 'encode') {
html = html.replace(/
';
}.bind2(this));
}
return html;
}
},
html2text: function (html, opt) {
opt = opt || {
'bbcode': true
};
html = this.makeCorrectTag(html);
if (opt.bbcode == true) {
html = this.bbcode(html, 'encode');
}
return html;
},
makeCorrectTag: function (html) {
html = html.replace(/[<]body[^>]*>|<\/body>/g, "");
html = html.replace(/[<]html[^>]*>|<\/html>/g, "");
html = html.replace(/[<]head[^>]*>|<\/head>/g, "");
html = html.replace(new RegExp("", "gi"), "
"); html = html.replace(/class="Apple-style-span"/gi, ''); html = html.replace(/class="webkit-block-placeholder"/g, ''); html = html.replace(/br class="webkit-block-placeholder"/g, 'br /'); html = html.replace(/<(div|p)>
<\/(div|p)>/g, '<$1>
'); html = html.replace(/<(div|p)([^>]+)>
<\/(div|p)>/g, '<$1$2>
'); html = html.replace(new RegExp("([^> ]) ([^ ])", "gi"), "$1 $2"); html = html.replace(new RegExp("
$2
"); html = html.replace(new RegExp("' + NNEditor_Lang['fontex2'] + ' (' + v + 'pt)
';
oCon.appendChild(o);
}
this.oSelf.oSelf.oEvent.add(oCon, 'mouseover', this.oSelf.oSelf.Events.mouseoverBGcolor, 'static');
this.oSelf.oSelf.oEvent.add(oCon, 'mouseout', this.oSelf.oSelf.Events.mouseoutBGcolor, 'static');
this.oSelf.oSelf.oEvent.add(oCon, 'click', this.oSelf.oSelf.Events.evtFontsize, 'static');
}
});
},
'evtFontsize': function (e) {
this.save.saveHistory(true);
var
s = this.oSelection,
oCon = NN.Utils.g('_contents_id_nullLayerPage');
if (NN.Browser.MSIE && s.lastRange) s.focus();
var o = e.target || e.srcElement;
NN.Utils.g('fontsizePanel').firstChild.nodeValue = o.getAttribute('rel') + 'pt';
s.surroundText('span', {
'style': {
'fontSize': o.getAttribute('rel') + 'pt'
}
});
removeEvent(oCon, 'mouseover', this.Events.mouseoverBGcolor, true);
removeEvent(oCon, 'mouseout', this.Events.mouseoutBGcolor, true);
removeEvent(oCon, 'click', this.Events.evtFontsize, true);
this.exec.close();
},
'fontcolor': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '湲��먯깋��',
'width': '240',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.color;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_colorPanel'), 'click', this.oSelf.oSelf.Events.evtPickColor, 'static');
}
});
},
'evtPickColor': function (e, mode) {
this.save.saveHistory(true);
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
if (typeof mode == 'undefined') {
var o = e.target || e.srcElement;
NN.Utils.g(this.Config.instanceID + '_content_forecolor_preview').style.backgroundColor = o.getAttribute('bgcolor');
s.surroundText('span', {
'style': {
'color': o.getAttribute('bgColor')
}
});
}
else if (mode == 'direct') {
s.surroundText('span', {
'style': {
'color': NN.Utils.g(this.Config.instanceID + '_content_forecolor_preview').style.backgroundColor
}
});
}
removeEvent(NN.Utils.g('_colorPanel'), 'click', this.Events.evtPickColor, true);
this.exec.close();
},
'evtPickColorDirect': function () {
this.oSelf.save.saveHistory(true);
var s = this.oSelf.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
s.surroundText('span', {
'style': {
'color': NN.Utils.getStyle(NN.Utils.g(this.oSelf.Config.instanceID + '_content_forecolor_preview'), NN.Browser.MSIE ? 'backgroundColor' : 'background-color')
}
});
},
'fontbgcolor': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '湲��먮같寃쎌깋��',
'width': '240',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.colorAddOn + '' + this.oSelf.oSelf.panel.color;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_colorPanel'), 'click', this.oSelf.oSelf.Events.evtBgColor, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_colorAddOnPanel'), 'click', this.oSelf.oSelf.Events.evtPickColor2, 'static');
}
});
},
'evtBgColor': function (e) {
this.save.saveHistory(true);
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
var o = e.target || e.srcElement;
NN.Utils.g(this.Config.instanceID + '_content_bgcolor_preview').style.backgroundColor = o.getAttribute('bgcolor');
s.surroundText('span', {
'style': {
'backgroundColor': o.getAttribute('bgcolor')
}
});
removeEvent(NN.Utils.g('_colorPanel'), 'click', this.Events.evtBgColor, true);
removeEvent(NN.Utils.g('_colorAddOnPanel'), 'click', this.Events.evtPickColor2, true);
this.exec.close();
},
'evtBgColorDirect': function () {
this.oSelf.save.saveHistory(true);
var s = this.oSelf.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
s.surroundText('span', {
'style': {
'backgroundColor': NN.Utils.getStyle(NN.Utils.g(this.oSelf.Config.instanceID + '_content_bgcolor_preview'), NN.Browser.MSIE ? 'backgroundColor' : 'background-color')
}
});
},
'evtPickColor2': function (e, bgcolor, forecolor) {
this.save.saveHistory(true);
var o = e.target || e.srcElement;
var o = NN.DOM.schNode(o, 'button'); // webkit�먯꽌 span 諛섑솚
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
s.surroundText('span', {
'style': {
'backgroundColor': o.getAttribute('argv1'),
'color': o.getAttribute('argv2')
}
});
removeEvent(NN.Utils.g('_colorPanel'), 'click', this.Events.evtBgColor, true);
removeEvent(NN.Utils.g('_colorAddOnPanel'), 'click', this.Events.evtPickColor2, true);
this.exec.close();
},
'link': function () {
var s = this.oSelf.oSelection;
if (s.isCollapsed()) s.select(s.getNode());
this.oSelf.layer.empty({
'__TITLE__': '�섏씠�쇰쭅��',
'width': '290',
'oSelf': this,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.link;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtLink, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', this.oSelf.oSelf.Events.close, 'static');
NN.Utils.g('_link_url').focus();
this.oSelf.oSelf.modify.link();
}
});
},
'evtLink': function () {
this.save.saveHistory(true);
var
s = this.oSelection,
url = NN.Utils.g('_link_url').value,
target = NN.Utils.g('_link_target').value;
if (NN.Browser.MSIE && s.lastRange) s.focus();
var e = NN.DOM.getParent(s.getNode(), 'A');
if (url.indexOf('//') == -1) url = 'http://' + url;
var v = {
href: url,
'target': target
};
function set(e) {
eachjQuery(v, function (v, k) {
e.setAttribute(k, v);
});
};
if (!e && v.href.replace('http://', '')) {
this.exec.basic('CreateLink', 'javascript:setmp(0);');
eachjQuery(this.getIFDoc().getElementsByTagName('a'), function (e) {
if (e.href == 'javascript:setmp(0);') {
set(e);
}
});
}
else {
if (v.href.replace('http://', '')) {
set(e);
}
else {
NN.DOM.remove(e, 1);
}
}
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtLink, true);
this.exec.close();
},
'unlink': function () {
this.oSelf.save.saveHistory(true);
var
t = this.oSelf,
s = t.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
if (s.isCollapsed()) s.select(s.getNode());
t.getIFDoc().execCommand('unlink', false, null);
},
'movie': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '�뚮옒�� �쎌엯',
'width': '390',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.movie;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtMovie, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', this.oSelf.oSelf.Events.close, 'static');
var foo = function () {
switch (NN.Utils.chkbox({
'name': 'movieType',
'mode': 'val'
})) {
case 'src':
NN.Utils.g('_movieURL').style.backgroundColor = '#778899';
NN.Utils.g('_movieWidth').style.backgroundColor = '#778899';
NN.Utils.g('_movieHeight').style.backgroundColor = '#778899';
NN.Utils.g('_movieSRC').style.backgroundColor = '#ffffff';
NN.Utils.g('_movieSRC').focus();
break;
case 'url':
NN.Utils.g('_movieURL').style.backgroundColor = '#ffffff';
NN.Utils.g('_movieWidth').style.backgroundColor = '#ffffff';
NN.Utils.g('_movieHeight').style.backgroundColor = '#ffffff';
NN.Utils.g('_movieSRC').style.backgroundColor = '#778899';
NN.Utils.g('_movieURL').focus();
break;
}
}.bind2(this.oSelf);
foo();
var o = document.getElementsByName('movieType');
for (var i = 0, t = o.length; i < t; i++) {
this.oSelf.oSelf.oEvent.add(o[i], 'click', foo, 'static');
}
}
});
},
'evtMovie': function () {
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var movieType = NN.Utils.chkbox({
'name': 'movieType',
'mode': 'val'
});
switch (movieType) {
case 'src':
if (!NN.Utils.g('_movieSRC').value) {
alert(NNEditor_Lang['evtMovie_1']);
NN.Utils.g('_movieSRC').focus();
return;
}
var mWidth = /width=['"]?([0-9]{1,5})['"]?/.exec(NN.Utils.g('_movieSRC').value);
if (mWidth == null) {
alert(NNEditor_Lang['evtMovie_2']);
return;
}
var mHeight = /height=['"]?([0-9]{1,5})['"]?/.exec(NN.Utils.g('_movieSRC').value);
if (mHeight == null) {
alert(NNEditor_Lang['evtMovie_3']);
return;
}
var val = NN.Utils.g('_movieSRC').value.replace(/]*>/gi, '');
var
W = mWidth[1].replace(/'|"|px/g, ''),
H = mHeight[1].replace(/'|"|px/g, '');
var movie = '
';
break;
case 'url':
if (!NN.Utils.g('_movieURL').value) {
alert(NNEditor_Lang['evtMovie_4']);
NN.Utils.g('_movieURL').focus();
return;
}
var movie = '';
break;
}
s.pasteContent(movie, true);
this.layout.makeContent();
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtMovie, true);
this.exec.close();
},
'image': function (evt) {
if (this.oSelf.getOpt('uploadPath') == null) {
alert(NNEditor_Lang['image_1']);
return;
}
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '�대�吏��ㅼ젙',
'width': '250',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.image;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtImage, 'static');
}
});
},
'evtImage': function () {
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var todayDate = new Date();
var ty = todayDate.getFullYear();
var tm = todayDate.getMonth() + 1;
var td = todayDate.getDate();
if (tm < 10) tm = '0' + tm;
if (td < 10) td = '0' + td;
var d = ty.toString() + tm.toString() + td.toString();
var oIFDoc = this.$(NN.Utils.g('_uploadIFrame'));
var oFile = oIFDoc.getElementsByName('uploaded');
if (oFile.length == 0) {
s.focus();
this.exec.close();
return;
}
var imgURL = this.Config.uploadURL == '' ? this.Config.path + 'filemanager2/data/' : this.Config.uploadURL;
for (var i = 0, str = '', html = [], t = oFile.length; i < t; i++) {
var arr = oFile[i].value.split('|');
var URL = arr[0];
if (!arr[1]) continue;
var arr2 = arr[1].split('/');
var W = parseInt(arr2[0]);
var H = parseInt(arr2[1]);
if (NN.Utils.g('_chk').checked == true && W > this.getIF().offsetWidth) {
var ratio = W / this.getIF().offsetWidth;
W = this.getIF().offsetWidth - 45;
H = Math.round(H / ratio);
}
str = '
';
html.push(str);
var chk = true;
}
if (chk == true) s.pasteContent2(html.join(''));
s.focus();
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtImage, true);
this.exec.close();
},
'imageAttri': function (evt) {
var oTarget = evt.target || evt.srcElement;
this.targetImage = oTarget;
if (!(oTarget.tagName && oTarget.tagName.toUpperCase() == 'IMG')) {
return;
}
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '�대�吏��ㅼ젙',
'width': '250',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.imageAttri;
var align = oTarget.style.cssFloat ? oTarget.style.cssFloat : oTarget.style.styleFloat;
if (!align) align = oTarget.style.verticalAlign ? oTarget.style.verticalAlign : oTarget.getAttribute('align');
var border = oTarget.style.borderWidth ? oTarget.style.borderWidth.match("[0-9]+") : oTarget.getAttribute("border");
switch (align) {
case 'left':
NN.Utils.g("align_left").checked = true;
break;
case 'right':
NN.Utils.g("align_right").checked = true;
break;
default:
NN.Utils.g("align_normal").checked = true;
break;
}
if (border) {
NN.Utils.g('image_border').value = border;
}
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtImageAttri, 'static');
}
});
},
'evtImageAttri': function () {
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var html = [];
var align = '';
if (NN.Utils.g('align_normal').checked == true) {
align = 'clear: both';
this.exec.targetImage.setAttribute('align', '');
}
else if (NN.Utils.g('align_left').checked == true) {
align = 'clear: left';
this.exec.targetImage.setAttribute('align', 'left');
}
else if (NN.Utils.g('align_right').checked == true) {
align = 'clear: right';
this.exec.targetImage.setAttribute('align', 'right');
}
if (align) {
html.push(align);
}
var border = parseInt(NN.Utils.g('image_border').value, 10);
if (border) {
html.push('border-color: rgb(255, 255, 255); border-width: ' + border + 'px; border-style: solid');
this.exec.targetImage.setAttribute('border', border);
}
this.exec.targetImage.style.cssText = html.join(';');
this.exec.close();
},
'presentExcel': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '�묒��뚯씪�댁슜(HTML) �ｊ린',
'width': '250',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.excel;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtPresentExcel, 'static');
}
});
},
'evtPresentExcel': function () {
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var html = NN.Utils.g('resultHTML').innerHTML;
s.pasteContent2(html);
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtImage, true);
this.exec.close();
},
'help': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': 'help',
'width': '150',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.help;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', this.oSelf.oSelf.Events.close, 'static');
}
});
}
};
this.table = {
'oSelf': this,
'allowTag': ['th', 'td', 'tbody', 'table'],
'cur': {},
'getInfo': function () {
this.oSelf.oSelection.focus();
this.el = NN.DOM.schCellNode(this.oSelf.objModify);
try {
if (typeof this.el == 'undefined') throw 'this.el undefined';
if (this.allow(this.el) == false) throw 'allow this.el undefined';
if (typeof this.oSelf.objModify == 'undefined') throw 'this.oSelf.objModify undefined';
if (this.oSelf.objModify.parentNode == null) throw 'this.oSelf.objModify.parentNode undefined';
if (this.el.parentNode == null) throw 'this.oRow undefined';
if (typeof this.el.parentNode.rowIndex == 'undefined') throw 'this.oRow rowIndex undefined';
if (this.el.parentNode.parentNode == null) throw 'this.el.parentNode.parentNode undefined';
}
catch (e) {
return;
}
this.oTable = this.el.offsetParent;
this.oTbody = this.el.parentNode.parentNode;
this.oRow = this.el.parentNode;
this.oCell = this.el;
this.cssText = this.oCell.style.cssText || '';
this.cellbgcolor = this.oCell.getAttribute('bgcolor') || '#ffffff';
this.rowbgcolor = this.oRow.getAttribute('bgcolor') || '#ffffff';
this.oTarget = this.oTbody.rows[this.oRow.rowIndex].cells[this.oCell.cellIndex];
this.cur.colSpan = this.oTarget.getAttribute('colSpan') || 1;
this.cur.rowSpan = this.oTarget.getAttribute('rowSpan') || 1;
return true;
},
'allow': function (obj) {
var tname = obj.tagName.toLowerCase();
if (this.allowTag.search(tname) == -1) {
return false;
}
else {
return true;
}
},
'contextmenu': function (e) {
this.objModify = this.oSelection.setCurClickObject();
NN.Utils.prevent(e);
if (e.button != 1) {
this.table.el = e.target || e.srcElement;
if (this.table.getInfo() == true) {
this.table.oSelf.layer.empty({
'__TITLE__': '硫붾돱',
'width': '160',
'oSelf': this.table,
'e': e,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.tableContext;
var lis = NN.Utils.g('_navmenu-h').getElementsByTagName('LI');
for (var i = 0; i < lis.length; i++) {
this.oSelf.oSelf.oEvent.add(lis[i], 'mouseover', this.oSelf.oSelf.Events.contextMouse);
this.oSelf.oSelf.oEvent.add(lis[i], 'mouseout', this.oSelf.oSelf.Events.contextMouse);
}
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case 'table.popup':
this.oSelf.table.popup(e);
break;
case 'table.popupModify':
this.oSelf.table.popupModify(e);
break;
case 'table.delTable':
this.oSelf.table.delTable();
break;
case 'table.cellProp':
this.oSelf.table.cellProp(e);
break;
case 'table.merge':
this.oSelf.table.merge(e);
break;
case 'table.mergeRecover':
this.oSelf.table.mergeRecover(e);
break;
case 'table.rowProp':
this.oSelf.table.rowProp(e);
break;
case 'table.insertRow':
this.oSelf.table.insertRow(objEvent.getAttribute('argv1'));
break;
case 'table.deleteRow':
this.oSelf.table.deleteRow();
break;
case 'table.insertCell':
this.oSelf.table.insertCell(objEvent.getAttribute('argv1'));
break;
case 'table.deleteCol':
this.oSelf.table.deleteCol();
break;
}
NN.Utils.prevent(e);
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
}
});
returnValue = false;
}
else {
returnValue = true;
}
}
return returnValue;
},
'popup': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer,
e = this.oSelf.exec;
l.empty({
'__TITLE__': '�뚯씠釉�',
'width': '240',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.table;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtTable, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', function (e) {
removeEvent(this, 'click', arguments.callee, true);
this.oSelf.layer.close('_target_id_nullLayerPage');
}.bind2(this.oSelf), 'static');
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case '_rowup':
this.oSelf.table.up('_table_row');
break;
case '_rowdown':
this.oSelf.table.down('_table_row');
break;
case '_colup':
this.oSelf.table.up('_table_col');
break;
case '_coldown':
this.oSelf.table.down('_table_col');
break;
case '_cellspacingup':
this.oSelf.table.up('_cellspacing');
break;
case '_cellspacingdown':
this.oSelf.table.down('_cellspacing');
break;
case 'picColor1':
this.oSelf.table.picColor(e, '_tablebgcolor', true);
break;
case 'picColor2':
this.oSelf.table.picColor(e, '_cellbgcolor', true);
break;
}
NN.Utils.prevent(e);
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
NN.Utils.g('_tablePreview').innerHTML = this.oSelf.makeTableHTML('preview');
NN.Utils.g('_tablebgcolorPreview').style.backgroundColor = NN.Utils.g('_tablebgcolor').value;
NN.Utils.g('_cellbgcolorPreview').style.backgroundColor = NN.Utils.g('_cellbgcolor').value;
}
});
},
'evtTable': function (e) {
var
s = this.oSelection,
l = this.layer;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var tmpHtml = this.table.makeTableHTML('submit');
s.pasteContent(tmpHtml, true);
s.focus();
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtTable, true);
l.close('_target_id_nullLayerPage');
},
'popupModify': function (evt) {
var
t = this,
ed = this.oSelf,
s = ed.oSelection,
l = ed.layer;
l.empty({
'width': '215',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.tableModify;
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case '_cellspacingup':
this.oSelf.table.up('_cellspacing');
break;
case '_cellspacingdown':
this.oSelf.table.down('_cellspacing');
break;
case 'picColor1':
this.oSelf.table.picColor(e, '_tablebgcolor', true);
break;
case 'picColor2':
this.oSelf.table.picColor(e, '_cellbgcolor', true);
break;
}
NN.Utils.prevent(e);
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtTableModify, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', function (e) {
removeEvent(this, 'click', arguments.callee, true);
this.oSelf.layer.close('_target_id_nullLayerPage');
}.bind2(this.oSelf), 'static');
this.oSelf.oSelf.modify.table();
}
});
},
'evtTableModify': function (e) {
var
s = this.oSelection,
l = this.layer,
t = this.table;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var W;
if (NN.Utils.g('_selWidthType').value == 'per') {
W = NN.Utils.g('_table_width').value + '%';
}
else {
W = NN.Utils.g('_table_width').value;
}
t.oTable.setAttribute('width', W);
t.oTable.setAttribute('bgColor', NN.Utils.g('_tablebgcolor').value);
t.oTable.setAttribute('cellSpacing', NN.Utils.g('_cellspacing').value);
t.oTable.style.borderSpacing = NN.Utils.g('_cellspacing').value + 'px';
t.oTable.style.borderCollapse = 'separate';
for (var i = 0, it = t.oTable.rows.length; i < it; i++) {
for (var j = 0, jt = t.oTable.rows[i].cells.length; j < jt; j++) {
t.oTable.rows[i].cells[j].setAttribute('bgColor', NN.Utils.g('_cellbgcolor').value);
}
}
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtTableModify, true);
l.close('_target_id_nullLayerPage');
},
'makeTableHTML': function (mode) {
var html = '\n\n';
for (var row = 0, rowT = NN.Utils.g('_table_row').value; row < rowT; row++) {
html += '\n';
for (var cell = 0, cellT = NN.Utils.g('_table_col').value; cell < cellT; cell++) {
html += '\n';
}
html += '\n';
}
var W;
if (NN.Utils.g('_selWidthType').value == 'per') {
W = NN.Utils.g('_table_width').value + '%';
}
else {
W = NN.Utils.g('_table_width').value;
}
if (mode == 'preview') {
W = '100%';
}
html += '\n
\n';
html = html.replace(/__width__/gi, W);
html = html.replace(/__cellspacing__/gi, NN.Utils.g('_cellspacing').value);
html = html.replace(/__tablebgcolor__/gi, NN.Utils.g('_tablebgcolor').value);
html = html.replace(/__cellbgcolor__/gi, NN.Utils.g('_cellbgcolor').value);
return html;
},
'up': function (idTarget) {
var o = NN.Utils.g(idTarget);
o.value = parseInt((o.value || 0)) + 1;
if (NN.Utils.g('_tablePreview') != null) {
NN.Utils.g('_tablePreview').innerHTML = this.makeTableHTML('preview');
}
},
'down': function (idTarget) {
var o = NN.Utils.g(idTarget);
if (o.value == 1) return;
o.value = parseInt((o.value || 0)) - 1;
if (NN.Utils.g('_tablePreview') != null) {
NN.Utils.g('_tablePreview').innerHTML = this.makeTableHTML('preview');
}
},
'picColor': function (e, idTarget, notDestroy) {
this.oSelf.layer.empty({
'__TARGET_ID__': '_table_picColor_title',
'__CONTENTS_ID__': '_table_picColor',
'width': '198',
'oSelf': this,
'e2': e,
'notDestroy': notDestroy,
'callback': function () {
NN.Utils.g('_table_picColor').innerHTML = this.oSelf.oSelf.panel.color;
this.oSelf.oSelf.Events.table_evtPickColor = this.oSelf.evtPickColor.bind2Event(this.oSelf, idTarget, this.notDestroy);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_colorPanel'), 'click', this.oSelf.oSelf.Events.table_evtPickColor, 'static');
}
});
},
'evtPickColor': function (e, idTarget, notDestroy) {
var o = e.target || e.srcElement;
var color = o.getAttribute('bgcolor');
NN.Utils.g(idTarget).value = color;
NN.Utils.g(idTarget + 'Preview').style.backgroundColor = color;
if (NN.Utils.g('_tablePreview') != null) {
NN.Utils.g('_tablePreview').innerHTML = this.makeTableHTML('preview');
}
removeEvent(NN.Utils.g('_colorPanel'), 'click', this.oSelf.Events.table_evtPickColor, true);
this.oSelf.layer.close('_table_picColor_title', notDestroy);
},
'merge': function (e) {
this.oSelf.layer.empty({
'__TITLE__': '���⑹튂湲�',
'width': '187',
'oSelf': this,
'e2': e,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.merge;
NN.Utils.g('_col').value = this.oSelf.oTarget.getAttribute('colSpan') || 1;
NN.Utils.g('_row').value = this.oSelf.oTarget.getAttribute('rowSpan') || 1;
this.oSelf.oSelf.Events.evtMergeCol = this.oSelf.evtMergeCol.bind2(this.oSelf);
this.oSelf.oSelf.Events.evtMergeRow = this.oSelf.evtMergeRow.bind2(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtMergeCol, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert2'), 'click', this.oSelf.oSelf.Events.evtMergeRow, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', function (e) {
removeEvent(this, 'click', arguments.callee, true);
this.oSelf.layer.close('_target_id_nullLayerPage');
}.bind2(this.oSelf), 'static');
}
});
},
'evtMergeCol': function () {
if (typeof this.el == 'undefined') return;
this.oSelf.save.saveHistory(true);
var numCol = NN.Utils.g('_col').value;
for (var i = 1; i < numCol; i++) {
var oTmp = this.oTbody.rows[this.el.parentNode.rowIndex].cells[this.el.cellIndex + i];
if (oTmp == null) {
var val = this.oRow.cells.length - this.el.cellIndex;
alert(NNEditor_Lang['evtMergeCol_1'] + '\n' + val + ' ' + NNEditor_Lang['evtMergeCol_2']);
NN.Utils.g('_col').value = val;
NN.Utils.g('_col').focus();
return;
}
if (this.cur.rowSpan != oTmp.rowSpan) {
alert('invalid');
return;
}
}
for (var i = 1, p = [], oTmp = this.el; i < numCol; i++) {
while (oTmp) {
if (oTmp.nextSibling.tagName && oTmp.nextSibling.tagName.toUpperCase() == 'TD') {
break;
}
oTmp = oTmp.nextSibling;
}
p.push(oTmp.nextSibling);
oTmp = oTmp.nextSibling;
}
p.each2(function (o) {
o.parentNode.removeChild(o);
});
this.oTarget.colSpan = numCol;
this.oSelf.exec.close();
},
'evtMergeRow': function () {
if (typeof this.el == 'undefined') return;
this.oSelf.save.saveHistory(true);
var numRow = NN.Utils.g('_row').value;
for (var i = 1; i < numRow; i++) {
var oTmp = this.oTbody.rows[this.oRow.rowIndex + i];
if (oTmp == null) {
var val = this.oTbody.rows.length - this.oRow.rowIndex;
alert(NNEditor_Lang['evtMergeRow_1'] + '\n' + val + ' ' + NNEditor_Lang['evtMergeRow_2']);
NN.Utils.g('_row').value = val;
NN.Utils.g('_row').focus();
return;
}
var oTmp = this.oTbody.rows[this.oRow.rowIndex + i].cells[this.oCell.cellIndex];
if (typeof oTmp == 'undefined') {
var oTmp = this.oTbody.rows[this.oRow.rowIndex + i].cells[this.oCell.cellIndex - 1];
}
if (this.cur.colSpan != oTmp.colSpan) {
alert('invalid');
return;
}
}
for (var i = 1; i < numRow; i++) {
var o = this.oTbody.rows[this.oRow.rowIndex + i].cells[this.el.cellIndex];
if (o) {
var idx = this.el.cellIndex;
}
else {
var idx = this.el.cellIndex - 1;
}
this.oTbody.rows[this.oRow.rowIndex + i].deleteCell(idx);
if (this.oTbody.rows[this.oRow.rowIndex + i].cells.length == 0) {
this.oTbody.deleteRow(this.oRow.rowIndex + i);
}
}
this.oTarget.rowSpan = numRow;
this.oSelf.exec.close();
},
'mergeRecover': function () {
if (typeof this.el == 'undefined') return;
if (this.cur.colSpan == 1 && this.cur.rowSpan == 1) {
this.oSelf.exec.close();
return;
}
this.oSelf.save.saveHistory(true);
var curCellIndex = this.oCell.cellIndex;
var curRowIndex = this.oRow.rowIndex;
this.oCell.colSpan = 1;
for (var i = 1; i < this.cur.colSpan; i++) {
var oCell = this.oRow.insertCell(curCellIndex + i);
oCell.setAttribute('bgColor', this.cellbgcolor);
oCell.innerHTML = ' ';
}
this.oCell.rowSpan = 1;
for (var i = 1; i < this.cur.rowSpan; i++) {
var oCell = this.oTbody.rows[curRowIndex + i].insertCell(this.el.cellIndex);
oCell.setAttribute('bgColor', this.cellbgcolor);
oCell.innerHTML = ' ';
}
this.oSelf.exec.close();
},
'cellProp': function (e) {
this.oSelf.layer.empty({
'width': '270',
'oSelf': this,
'e2': e,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.cellProp;
NN.Utils.modifyElement({
'targetID': '_Cell_align',
'mode': 'selectbox',
'val': this.oSelf.oTarget.getAttribute('align') || ''
});
NN.Utils.modifyElement({
'targetID': '_Cell_valign',
'mode': 'selectbox',
'val': this.oSelf.oTarget.getAttribute('valign') || ''
});
NN.Utils.g('_Cell_width').value = this.oSelf.oTarget.getAttribute('width') || '';
NN.Utils.g('_Cell_height').value = this.oSelf.oTarget.getAttribute('height') || '';
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case 'picColor2':
this.oSelf.table.picColor(e, '_cellbgcolor', true);
break;
}
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtCellProp, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', function () {
removeEvent(this, 'click', arguments.callee, true);
this.oSelf.layer.close('_target_id_nullLayerPage');
}.bind2(this.oSelf), 'static');
var _cellNode = NN.DOM.schCellNode(this.oSelf.oSelf.objModify);
var oCell = _cellNode;
NN.Utils.g('_cellbgcolor').value = oCell.getAttribute('bgColor');
NN.Utils.g('_cellbgcolorPreview').style.backgroundColor = oCell.getAttribute('bgcolor');
}
});
},
'evtCellProp': function () {
var
t = this.table,
l = this.layer;
if (typeof t.el == 'undefined') return;
this.save.saveHistory(true);
t.oCell.setAttribute('align', NN.Utils.g('_Cell_align').value);
t.oCell.setAttribute('vAlign', NN.Utils.g('_Cell_valign').value);
t.oCell.setAttribute('width', NN.Utils.g('_Cell_width').value);
t.oCell.setAttribute('height', NN.Utils.g('_Cell_height').value);
t.oCell.setAttribute('bgColor', NN.Utils.g('_cellbgcolor').value);
l.close('_target_id_nullLayerPage');
},
'rowProp': function (e) {
this.oSelf.layer.empty({
'width': '193',
'oSelf': this,
'e2': e,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.rowProp;
NN.Utils.modifyElement({
'targetID': '_Row_align',
'mode': 'selectbox',
'val': this.oSelf.oRow.getAttribute('align') || ''
});
NN.Utils.modifyElement({
'targetID': '_Row_valign',
'mode': 'selectbox',
'val': this.oSelf.oRow.getAttribute('valign') || ''
});
NN.Utils.g('_Row_height').value = this.oSelf.oRow.getAttribute('height') || '';
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case 'picColor2':
this.oSelf.table.picColor(e, '_cellbgcolor', true);
break;
}
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtRowProp, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', this.oSelf.oSelf.Events.close, 'static');
var _cellNode = NN.DOM.schCellNode(this.oSelf.oSelf.objModify);
var oCell = _cellNode;
var oRow = oCell.parentNode;
NN.Utils.g('_cellbgcolor').value = oRow.getAttribute('bgColor');
NN.Utils.g('_cellbgcolorPreview').style.backgroundColor = oRow.getAttribute('bgcolor');
}
});
},
'evtRowProp': function () {
var
t = this.table,
l = this.layer;
if (typeof t.el == 'undefined') return;
this.save.saveHistory(true);
for (var i = 0, tot = t.oRow.cells.length; i < tot; i++) {
if (NN.Utils.g('_cellbgcolor').value) t.oRow.cells[i].setAttribute('bgColor', NN.Utils.g('_cellbgcolor').value);
if (NN.Utils.g('_Row_align').value) t.oRow.cells[i].setAttribute('align', NN.Utils.g('_Row_align').value);
if (NN.Utils.g('_Row_valign').value) t.oRow.cells[i].setAttribute('vAlign', NN.Utils.g('_Row_valign').value);
if (NN.Utils.g('_Row_height').value) t.oRow.cells[i].setAttribute('height', NN.Utils.g('_Row_height').value);
}
l.close('_target_id_nullLayerPage');
},
'insertRow': function (mode) {
if (typeof this.el == 'undefined') return;
this.oSelf.save.saveHistory(true);
for (var i = 0, map = [], t = this.oRow.cells.length; i < t; i++) {
var oCell = this.oRow.cells[i];
map.push({
'tagName': oCell.tagName.toLowerCase(),
'colspan': oCell.getAttribute('colSpan'),
'bgColor': oCell.getAttribute('bgColor'),
'cssText': oCell.style.cssText,
'valign': oCell.getAttribute('valign')
});
}
var oRow = this.oSelf.getIFDoc().createElement('tr');
if (mode == 'before') {
this.oRow.parentNode.insertBefore(oRow, this.oRow);
}
else if (mode == 'after') {
if (this.oRow.nextSibling) {
this.oRow.parentNode.insertBefore(oRow, this.oRow.nextSibling);
}
else {
this.oTbody.appendChild(oRow);
}
}
for (i in map) {
if (typeof map[i] == 'function') continue;
var oCell = this.oSelf.getIFDoc().createElement(map[i]['tagName']);
if (map[i]['colspan'] > 0) oCell.colSpan = map[i]['colspan'];
oCell.style.cssText = map[i]['cssText'];
oCell.setAttribute('vAlign', map[i]['valign']);
oCell.setAttribute('bgColor', map[i]['bgColor']);
oCell.innerHTML = ' ';
oRow.appendChild(oCell);
}
this.oSelf.exec.close();
},
'insertCell': function (mode) {
if (typeof this.el == 'undefined') return;
this.oSelf.save.saveHistory(true);
var totalRow = this.oTbody.rows.length;
var cellIndex = mode == 'before' ? this.el.cellIndex : this.el.cellIndex + 1;
var cellIndex = this.el.cellIndex;
for (var i = 0; i < totalRow; i++) {
var oCell = this.oSelf.getIFDoc().createElement('td');
oCell.setAttribute('bgColor', this.cellbgcolor);
if (this.cssText) oCell.style.cssText = this.cssText;
oCell.innerHTML = ' ';
if (mode == 'before') {
this.oTbody.rows[i].insertBefore(oCell, this.oTbody.rows[i].cells[cellIndex]);
}
else if (mode == 'after') {
if (this.oTbody.rows[i].cells[cellIndex].nextSibling) {
this.oTbody.rows[i].insertBefore(oCell, this.oTbody.rows[i].cells[cellIndex].nextSibling);
}
else {
this.oTbody.rows[i].appendChild(oCell);
}
}
}
this.oSelf.exec.close();
},
'deleteRow': function () {
if (typeof this.oSelf.objModify == 'undefined' || this.oTbody == null) return;
this.oSelf.save.saveHistory(true);
if (this.oTbody.rows.length == 1) {
this.delTable();
return;
}
this.oTbody.deleteRow(this.oRow.rowIndex);
this.closure();
},
'deleteCol': function () {
if (typeof this.oSelf.objModify == 'undefined' || this.oTbody == null) return;
this.oSelf.save.saveHistory(true);
var totalRow = this.oTbody.rows.length;
var curCellIndex = this.oCell.cellIndex;
if (this.oRow.cells.length == 1) {
this.delTable();
return;
}
for (var i = 0; i < totalRow; i++) {
this.oTbody.rows[i].deleteCell(curCellIndex);
}
this.closure();
},
'delTable': function () {
if (typeof this.oSelf.objModify == 'undefined') return;
this.oSelf.save.saveHistory(true);
var oTable = this.el.offsetParent;
try {
oTable.parentNode.removeChild(oTable);
}
catch (e) {
if (typeof console != 'undefined') console.log(e.description);
return;
}
this.closure();
},
'closure': function () {
delete this.oSelf.objModify;
this.oSelf.exec.close();
this.oSelf.oSelection.focus()
}
};
this.modify = {
'oSelf': this,
'link': function () {
if (typeof this.oSelf.objModify == 'undefined') return;
var href = this.oSelf.objModify.getAttribute('href');
var target = this.oSelf.objModify.getAttribute('target');
if (href != null && href.indexOf('//') == -1) href = 'http://' + href;
NN.Utils.g('_link_url').setAttribute('value', href || 'http://');
NN.Utils.modifyElement({
'targetID': '_link_target',
'mode': 'selectbox',
'val': target
});
},
'table': function () {
if (typeof this.oSelf.objModify == 'undefined') return;
var _cellNode = NN.DOM.schCellNode(this.oSelf.objModify);
var oCell = _cellNode;
var oRow = oCell.parentNode;
var oTable = oCell.offsetParent;
try {
NN.Utils.g('_table_width').value = oTable.getAttribute('width');
NN.Utils.g('_cellspacing').value = oTable.getAttribute('cellspacing');
NN.Utils.g('_tablebgcolor').value = oTable.getAttribute('bgColor');
NN.Utils.g('_cellbgcolor').value = oCell.getAttribute('bgColor');
NN.Utils.g('_tablebgcolorPreview').style.backgroundColor = oTable.getAttribute('bgcolor');
NN.Utils.g('_cellbgcolorPreview').style.backgroundColor = oCell.getAttribute('bgcolor');
}
catch (e) {
if (typeof console != "undefined") console.warn('table: ' + e);
}
}
};
this.panel = {
'oSelf': this,
'table': '\
\
',
'tableModify': '\
\
',
'colorAddOn': '\
');
}.bind2Event(t));
}
};
this.imageUploadHTML5 = {
'oSelf': this,
'Events': ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'],
'setOptions': {
'idContainer': 'ImageUploadCtl',
'idEventContainer': 'eventOutput',
'cssText': 'background-color: #eaeaea; width: 97%; height: 50px; padding: 5px; border: 5px solid #E46CB7; clear: both; line-height: 120%;',
'content': '�� �뚯씪�� �� 援ъ뿭�� �쒕옒洹� �� �쒕∼ �섏꽭��. 1媛쒖뵫留� 媛��ν빀�덈떎.\
\
'
},
'init': function (options) {
if (NN.Browser.MSIE == true) return;
var
t = this.oSelf,
oSel = t.oSelection;
Object.extend(this.setOptions, options);
var baseURL = t.Config.path + 'filemanager2/';
this.uploadServer = baseURL + 'upload.html5.php?uploadPath=' + (NN.Config.uploadPath || './data');
},
'set': function () {
if (NN.Browser.MSIE == true) return;
var self = this;
var uploader = function (place, status, targetPHP, show) {
var upload = function (file) {
if (window.FileReader) {
var xhr, bin, filename;
this.loadEnd = function () {
bin = reader.result;
filename = encodeURIComponent(file.name);
xhr = new XMLHttpRequest();
xhr.open('POST', targetPHP + '&up=true', true);
var boundary = 'xxxxxxxxx';
var body = '--' + boundary + "\r\n";
body += "Content-Disposition: form-data; name='upload'; filename='" + filename + "'\r\n";
body += "Content-Type: application/octet-stream\r\n\r\n";
body += bin + "\r\n";
body += '--' + boundary + '--';
xhr.setRequestHeader('content-type', 'multipart/form-data; boundary=' + boundary);
xhr.onreadystatechange = self.onSuccess.bind2(self);
if (xhr.sendAsBinary != null) {
xhr.sendAsBinary(body);
}
else {
xhr.open('POST', targetPHP + '&up=true&base64=true', true);
xhr.setRequestHeader('UP-FILENAME', filename);
xhr.setRequestHeader('UP-SIZE', file.size);
xhr.setRequestHeader('UP-TYPE', file.type);
xhr.send(window.btoa(bin));
}
if (status) {
document.getElementById(status).innerHTML = 'Uploading...';
}
};
this.loadError = function (event) {
switch (event.target.error.code) {
case event.target.error.NOT_FOUND_ERR:
document.getElementById(status).innerHTML = 'File not found!';
break;
case event.target.error.NOT_READABLE_ERR:
document.getElementById(status).innerHTML = 'File not readable!';
break;
case event.target.error.ABORT_ERR:
break;
default:
document.getElementById(status).innerHTML = 'Read error.';
}
};
this.loadProgress = function (event) {
if (event.lengthComputable) {
var percentage = Math.round((event.loaded * 100) / event.total);
document.getElementById(status).innerHTML = 'Loaded : ' + percentage + '%';
}
};
this.previewNow = function (event) {
return;
bin = preview.result;
var img = document.createElement("img");
img.className = 'addedIMG';
img.file = file;
img.src = bin;
document.getElementById(show).appendChild(img);
};
reader = new FileReader();
if (reader.addEventListener) {
reader.addEventListener('loadend', this.loadEnd, false);
if (status != null) {
reader.addEventListener('error', this.loadError, false);
reader.addEventListener('progress', this.loadProgress, false);
}
}
else {
reader.onloadend = this.loadEnd;
if (status != null) {
reader.onerror = this.loadError;
reader.onprogress = this.loadProgress;
}
}
var preview = new FileReader();
if (preview.addEventListener) {
preview.addEventListener('loadend', this.previewNow, false);
}
else {
preview.onloadend = this.previewNow;
}
reader.readAsBinaryString(file);
if (show) {
preview.readAsDataURL(file);
}
}
else {
xhr = new XMLHttpRequest();
xhr.open('POST', targetPHP + '?up=true', true);
xhr.setRequestHeader('UP-FILENAME', filename);
xhr.setRequestHeader('UP-SIZE', file.size);
xhr.setRequestHeader('UP-TYPE', file.type);
xhr.send(file);
if (status) {
document.getElementById(status).innerHTML = 'Loaded : 100%';
}
if (show) {
var newFile = document.createElement('div');
newFile.innerHTML = 'Loaded : ' + file.name + ' size ' + file.size + ' B';
document.getElementById(show).appendChild(newFile);
}
}
};
this.drop = function (event) {
event.preventDefault();
var dt = event.dataTransfer;
var files = dt.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
upload(file);
}
};
this.uploadPlace = document.getElementById(place);
this.uploadPlace.addEventListener("dragover", function (event) {
event.stopPropagation();
event.preventDefault();
}, true);
this.uploadPlace.addEventListener("drop", this.drop, false);
};
var
t = this.oSelf,
oSel = t.oSelection;
var o = document.createElement('div');
o.setAttribute('id', this.setOptions['idEventContainer']);
o.style.cssText = this.setOptions['cssText'];
o.innerHTML = this.setOptions['content'];
var oTarget = t.NN.Utils.g(t.Config.instanceID + '_toolbar_container');
oTarget.appendChild(o);
var
oCon = t.NN.Utils.g(this.setOptions['idContainer']),
oEvtCon = t.NN.Utils.g(this.setOptions['idEventContainer']);
new uploader(this.setOptions['idEventContainer'], 'status', this.uploadServer, null);
},
'onSuccess': function (e) {
var state = this.Events[e.target.readyState];
if (state == 'Complete') {
var todayDate = new Date();
var ty = todayDate.getFullYear();
var tm = todayDate.getMonth() + 1;
var td = todayDate.getDate();
if (tm < 10) tm = '0' + tm;
if (td < 10) td = '0' + td;
var d = ty.toString() + tm.toString() + td.toString();
var ret = eval('(' + e.target.responseText + ')');
if (typeof console != "undefined") console.log(ret);
if (ret['result'] == 'failed') {
document.getElementById('status').innerHTML = ret['error'];
return;
}
var imgURL = this.oSelf.Config.uploadURL == '' ? this.oSelf.Config.path + 'filemanager2/data/' : this.oSelf.Config.uploadURL;
var s = this.oSelf.oSelection;
if (NN.Browser.MSIE && s.lastRange) {
s.focus();
}
this.oSelf.save.saveHistory(true);
s.pasteContent('');
s.focus();
document.getElementById('status').innerHTML = 'Uploaded Complete';
}
}
};
this.$ = function (obj) {
if (NN.Browser.MSIE) {
return obj.contentWindow.document;
}
else {
return obj.contentDocument;
}
};
this.getOpt = function (key) {
return this.Config[key];
};
this.setOpt = function (key, val) {
this.Config[key] = val;
};
this.getID = function (key) {
return this.Config.id[key];
};
this.getCon = function () {
return this.NN.Utils.g(this.getID('container'));
};
this.getTB = function () {
return this.NN.Utils.g(this.getID('toolbar'));
};
this.getIF = function () {
return this.NN.Utils.g(this.getID('iframe'));
};
this.getIFW = function () {
return this.NN.Utils.g(this.getID('iframe')).contentWindow;
};
this.getText = function () {
return this.NN.Utils.g(this.getID('textarea'));
};
this.getIFDoc = function () {
return this.$(this.NN.Utils.g(this.getID('iframe')));
};
this.getMode = function () {
return this.getOpt['mode'];
};
this.isEmptyContent = function () {
var val = this.getText().value.replace(/\|\<\/?p\>|\s| /gi, "");
if ("" == val) return true;
return false;
}
}
';
break;
case 'url':
if (!NN.Utils.g('_movieURL').value) {
alert(NNEditor_Lang['evtMovie_4']);
NN.Utils.g('_movieURL').focus();
return;
}
var movie = '';
break;
}
s.pasteContent(movie, true);
this.layout.makeContent();
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtMovie, true);
this.exec.close();
},
'image': function (evt) {
if (this.oSelf.getOpt('uploadPath') == null) {
alert(NNEditor_Lang['image_1']);
return;
}
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '�대�吏��ㅼ젙',
'width': '250',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.image;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtImage, 'static');
}
});
},
'evtImage': function () {
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var todayDate = new Date();
var ty = todayDate.getFullYear();
var tm = todayDate.getMonth() + 1;
var td = todayDate.getDate();
if (tm < 10) tm = '0' + tm;
if (td < 10) td = '0' + td;
var d = ty.toString() + tm.toString() + td.toString();
var oIFDoc = this.$(NN.Utils.g('_uploadIFrame'));
var oFile = oIFDoc.getElementsByName('uploaded');
if (oFile.length == 0) {
s.focus();
this.exec.close();
return;
}
var imgURL = this.Config.uploadURL == '' ? this.Config.path + 'filemanager2/data/' : this.Config.uploadURL;
for (var i = 0, str = '', html = [], t = oFile.length; i < t; i++) {
var arr = oFile[i].value.split('|');
var URL = arr[0];
if (!arr[1]) continue;
var arr2 = arr[1].split('/');
var W = parseInt(arr2[0]);
var H = parseInt(arr2[1]);
if (NN.Utils.g('_chk').checked == true && W > this.getIF().offsetWidth) {
var ratio = W / this.getIF().offsetWidth;
W = this.getIF().offsetWidth - 45;
H = Math.round(H / ratio);
}
str = '';
html.push(str);
var chk = true;
}
if (chk == true) s.pasteContent2(html.join(''));
s.focus();
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtImage, true);
this.exec.close();
},
'imageAttri': function (evt) {
var oTarget = evt.target || evt.srcElement;
this.targetImage = oTarget;
if (!(oTarget.tagName && oTarget.tagName.toUpperCase() == 'IMG')) {
return;
}
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '�대�吏��ㅼ젙',
'width': '250',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.imageAttri;
var align = oTarget.style.cssFloat ? oTarget.style.cssFloat : oTarget.style.styleFloat;
if (!align) align = oTarget.style.verticalAlign ? oTarget.style.verticalAlign : oTarget.getAttribute('align');
var border = oTarget.style.borderWidth ? oTarget.style.borderWidth.match("[0-9]+") : oTarget.getAttribute("border");
switch (align) {
case 'left':
NN.Utils.g("align_left").checked = true;
break;
case 'right':
NN.Utils.g("align_right").checked = true;
break;
default:
NN.Utils.g("align_normal").checked = true;
break;
}
if (border) {
NN.Utils.g('image_border').value = border;
}
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtImageAttri, 'static');
}
});
},
'evtImageAttri': function () {
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var html = [];
var align = '';
if (NN.Utils.g('align_normal').checked == true) {
align = 'clear: both';
this.exec.targetImage.setAttribute('align', '');
}
else if (NN.Utils.g('align_left').checked == true) {
align = 'clear: left';
this.exec.targetImage.setAttribute('align', 'left');
}
else if (NN.Utils.g('align_right').checked == true) {
align = 'clear: right';
this.exec.targetImage.setAttribute('align', 'right');
}
if (align) {
html.push(align);
}
var border = parseInt(NN.Utils.g('image_border').value, 10);
if (border) {
html.push('border-color: rgb(255, 255, 255); border-width: ' + border + 'px; border-style: solid');
this.exec.targetImage.setAttribute('border', border);
}
this.exec.targetImage.style.cssText = html.join(';');
this.exec.close();
},
'presentExcel': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': '�묒��뚯씪�댁슜(HTML) �ｊ린',
'width': '250',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.excel;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtPresentExcel, 'static');
}
});
},
'evtPresentExcel': function () {
var s = this.oSelection;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var html = NN.Utils.g('resultHTML').innerHTML;
s.pasteContent2(html);
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtImage, true);
this.exec.close();
},
'help': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer;
l.empty({
'__TITLE__': 'help',
'width': '150',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.help;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', this.oSelf.oSelf.Events.close, 'static');
}
});
}
};
this.table = {
'oSelf': this,
'allowTag': ['th', 'td', 'tbody', 'table'],
'cur': {},
'getInfo': function () {
this.oSelf.oSelection.focus();
this.el = NN.DOM.schCellNode(this.oSelf.objModify);
try {
if (typeof this.el == 'undefined') throw 'this.el undefined';
if (this.allow(this.el) == false) throw 'allow this.el undefined';
if (typeof this.oSelf.objModify == 'undefined') throw 'this.oSelf.objModify undefined';
if (this.oSelf.objModify.parentNode == null) throw 'this.oSelf.objModify.parentNode undefined';
if (this.el.parentNode == null) throw 'this.oRow undefined';
if (typeof this.el.parentNode.rowIndex == 'undefined') throw 'this.oRow rowIndex undefined';
if (this.el.parentNode.parentNode == null) throw 'this.el.parentNode.parentNode undefined';
}
catch (e) {
return;
}
this.oTable = this.el.offsetParent;
this.oTbody = this.el.parentNode.parentNode;
this.oRow = this.el.parentNode;
this.oCell = this.el;
this.cssText = this.oCell.style.cssText || '';
this.cellbgcolor = this.oCell.getAttribute('bgcolor') || '#ffffff';
this.rowbgcolor = this.oRow.getAttribute('bgcolor') || '#ffffff';
this.oTarget = this.oTbody.rows[this.oRow.rowIndex].cells[this.oCell.cellIndex];
this.cur.colSpan = this.oTarget.getAttribute('colSpan') || 1;
this.cur.rowSpan = this.oTarget.getAttribute('rowSpan') || 1;
return true;
},
'allow': function (obj) {
var tname = obj.tagName.toLowerCase();
if (this.allowTag.search(tname) == -1) {
return false;
}
else {
return true;
}
},
'contextmenu': function (e) {
this.objModify = this.oSelection.setCurClickObject();
NN.Utils.prevent(e);
if (e.button != 1) {
this.table.el = e.target || e.srcElement;
if (this.table.getInfo() == true) {
this.table.oSelf.layer.empty({
'__TITLE__': '硫붾돱',
'width': '160',
'oSelf': this.table,
'e': e,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.tableContext;
var lis = NN.Utils.g('_navmenu-h').getElementsByTagName('LI');
for (var i = 0; i < lis.length; i++) {
this.oSelf.oSelf.oEvent.add(lis[i], 'mouseover', this.oSelf.oSelf.Events.contextMouse);
this.oSelf.oSelf.oEvent.add(lis[i], 'mouseout', this.oSelf.oSelf.Events.contextMouse);
}
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case 'table.popup':
this.oSelf.table.popup(e);
break;
case 'table.popupModify':
this.oSelf.table.popupModify(e);
break;
case 'table.delTable':
this.oSelf.table.delTable();
break;
case 'table.cellProp':
this.oSelf.table.cellProp(e);
break;
case 'table.merge':
this.oSelf.table.merge(e);
break;
case 'table.mergeRecover':
this.oSelf.table.mergeRecover(e);
break;
case 'table.rowProp':
this.oSelf.table.rowProp(e);
break;
case 'table.insertRow':
this.oSelf.table.insertRow(objEvent.getAttribute('argv1'));
break;
case 'table.deleteRow':
this.oSelf.table.deleteRow();
break;
case 'table.insertCell':
this.oSelf.table.insertCell(objEvent.getAttribute('argv1'));
break;
case 'table.deleteCol':
this.oSelf.table.deleteCol();
break;
}
NN.Utils.prevent(e);
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
}
});
returnValue = false;
}
else {
returnValue = true;
}
}
return returnValue;
},
'popup': function (evt) {
var
s = this.oSelf.oSelection,
l = this.oSelf.layer,
e = this.oSelf.exec;
l.empty({
'__TITLE__': '�뚯씠釉�',
'width': '240',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.table;
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtTable, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', function (e) {
removeEvent(this, 'click', arguments.callee, true);
this.oSelf.layer.close('_target_id_nullLayerPage');
}.bind2(this.oSelf), 'static');
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case '_rowup':
this.oSelf.table.up('_table_row');
break;
case '_rowdown':
this.oSelf.table.down('_table_row');
break;
case '_colup':
this.oSelf.table.up('_table_col');
break;
case '_coldown':
this.oSelf.table.down('_table_col');
break;
case '_cellspacingup':
this.oSelf.table.up('_cellspacing');
break;
case '_cellspacingdown':
this.oSelf.table.down('_cellspacing');
break;
case 'picColor1':
this.oSelf.table.picColor(e, '_tablebgcolor', true);
break;
case 'picColor2':
this.oSelf.table.picColor(e, '_cellbgcolor', true);
break;
}
NN.Utils.prevent(e);
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
NN.Utils.g('_tablePreview').innerHTML = this.oSelf.makeTableHTML('preview');
NN.Utils.g('_tablebgcolorPreview').style.backgroundColor = NN.Utils.g('_tablebgcolor').value;
NN.Utils.g('_cellbgcolorPreview').style.backgroundColor = NN.Utils.g('_cellbgcolor').value;
}
});
},
'evtTable': function (e) {
var
s = this.oSelection,
l = this.layer;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var tmpHtml = this.table.makeTableHTML('submit');
s.pasteContent(tmpHtml, true);
s.focus();
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtTable, true);
l.close('_target_id_nullLayerPage');
},
'popupModify': function (evt) {
var
t = this,
ed = this.oSelf,
s = ed.oSelection,
l = ed.layer;
l.empty({
'width': '215',
'oSelf': this,
'e2': evt,
'callback': function () {
NN.Utils.g('_contents_id_nullLayerPage').innerHTML = this.oSelf.oSelf.panel.tableModify;
var func = function (e) {
var objEvent = e.srcElement || e.target;
if (!objEvent.getAttribute('rel')) return;
switch (objEvent.getAttribute('rel')) {
case '_cellspacingup':
this.oSelf.table.up('_cellspacing');
break;
case '_cellspacingdown':
this.oSelf.table.down('_cellspacing');
break;
case 'picColor1':
this.oSelf.table.picColor(e, '_tablebgcolor', true);
break;
case 'picColor2':
this.oSelf.table.picColor(e, '_cellbgcolor', true);
break;
}
NN.Utils.prevent(e);
}.bind2Event(this.oSelf);
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_contents_id_nullLayerPage'), 'click', func, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_insert'), 'click', this.oSelf.oSelf.Events.evtTableModify, 'static');
this.oSelf.oSelf.oEvent.add(NN.Utils.g('_cancel'), 'click', function (e) {
removeEvent(this, 'click', arguments.callee, true);
this.oSelf.layer.close('_target_id_nullLayerPage');
}.bind2(this.oSelf), 'static');
this.oSelf.oSelf.modify.table();
}
});
},
'evtTableModify': function (e) {
var
s = this.oSelection,
l = this.layer,
t = this.table;
if (NN.Browser.MSIE && s.lastRange) s.focus();
this.save.saveHistory(true);
var W;
if (NN.Utils.g('_selWidthType').value == 'per') {
W = NN.Utils.g('_table_width').value + '%';
}
else {
W = NN.Utils.g('_table_width').value;
}
t.oTable.setAttribute('width', W);
t.oTable.setAttribute('bgColor', NN.Utils.g('_tablebgcolor').value);
t.oTable.setAttribute('cellSpacing', NN.Utils.g('_cellspacing').value);
t.oTable.style.borderSpacing = NN.Utils.g('_cellspacing').value + 'px';
t.oTable.style.borderCollapse = 'separate';
for (var i = 0, it = t.oTable.rows.length; i < it; i++) {
for (var j = 0, jt = t.oTable.rows[i].cells.length; j < jt; j++) {
t.oTable.rows[i].cells[j].setAttribute('bgColor', NN.Utils.g('_cellbgcolor').value);
}
}
removeEvent(NN.Utils.g('_insert'), 'click', this.Events.evtTableModify, true);
l.close('_target_id_nullLayerPage');
},
'makeTableHTML': function (mode) {
var html = '\n\n';
for (var row = 0, rowT = NN.Utils.g('_table_row').value; row < rowT; row++) {
html += '\n';
for (var cell = 0, cellT = NN.Utils.g('_table_col').value; cell < cellT; cell++) {
html += '\n';
}
html += '\n';
}
var W;
if (NN.Utils.g('_selWidthType').value == 'per') {
W = NN.Utils.g('_table_width').value + '%';
}
else {
W = NN.Utils.g('_table_width').value;
}
if (mode == 'preview') {
W = '100%';
}
html += '\n\
',
'tableContext': '\
',
'merge': '\
\
\
\
\
\
\
\
\
',
'cellProp': '\
\
\
\
\
\
',
'rowProp': '\
\
\
\
\
\
\
\
\
',
'color': '\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
| \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ |
| \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ |
| \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ |
| \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ | \ |
- \
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\
',
'imageAttri': '\
\
\
\
\
\
\
',
'excel': '\
\
\
\
\
\
\
',
'help': '\
\
\
\
\
\
'
};
this.save = {
'oSelf': this,
'undoArray': [],
'redoArray': [],
'historyCnt': 30,
'docuNew': function () {
this.oSelf.oSelection.resetContent();
},
'saveHistory': function (forced) {
var
t = this,
ed = this.oSelf;
forced = forced || false;
if (!forced && !isNewTypingForUndo) return;
if (t.undoArray.length > t.historyCount - 1) t.undoArray.shift();
t.undoArray.push({
content: ed.getIFDoc().body.innerHTML,
scrollTop: ed.getIFDoc().documentElement.scrollTop || ed.getIFDoc().body.scrollTop
});
t.redoArray = [], isNewTypingForUndo = false;
},
'undo': function () {
var
t = this,
ed = this.oSelf;
if (t.undoArray.length == 0) {
if (ed.getIFDoc().body.innerHTML.toLowerCase() != ed.Config.START_HTML.toLowerCase()) {
t.redoArray = [
{
content: ed.getIFDoc().body.innerHTML,
scrollTop: ed.getIFDoc().documentElement.scrollTop || ed.getIFDoc().body.scrollTop
}
];
ed.getIFDoc().body.innerHTML = ed.Config.START_HTML;
}
return;
}
if (t.redoArray.length > t.historyCnt - 1) t.redoArray.shift();
t.redoArray.push({
content: ed.getIFDoc().body.innerHTML,
scrollTop: ed.getIFDoc().documentElement.scrollTop || ed.getIFDoc().body.scrollTop
});
var arr = t.undoArray[t.undoArray.length - 1];
if (t.undoArray.length > 0) t.undoArray.pop();
ed.getIFDoc().body.innerHTML = arr.content;
(ed.getIFDoc().documentElement || ed.getIFDoc().body).scrollTop = arr.scrollTop;
},
'redo': function () {
var
t = this,
ed = this.oSelf;
if (t.redoArray.length == 0) return;
if (t.undoArray.length > t.historyCnt - 1) t.undoArray.shift();
t.undoArray.push({
content: ed.getIFDoc().body.innerHTML,
scrollTop: ed.getIFDoc().documentElement.scrollTop || ed.getIFDoc().body.scrollTop
});
var arr = t.redoArray[t.redoArray.length - 1];
if (t.redoArray.length > 0) t.redoArray.pop();
ed.getIFDoc().body.innerHTML = arr.content;
(ed.getIFDoc().documentElement || ed.getIFDoc().body).scrollTop = arr.scrollTop;
}
};
this.imageUploadIE = {
'oSelf': this,
'setOptions': {
'idContainer': 'ImageUploadCtl',
'idEventContainer': 'eventOutput',
'cssText': 'background-color: #eaeaea; width: 97%; height: 50px; padding: 5px; border: 5px solid #E46CB7; clear: both; line-height: 120%;',
'content': '�� �대�吏� �낅줈�� 援ъ뿭\
\
\
\
- \
- 1. �뚯씪�� �� 援ъ뿭�� �쒕옒洹� �� �쒕∼ �섏꽭��. \
- 2. �뚯씪�� 蹂듭궗�섏떆怨� �� 援ъ뿭�� �대┃ �� Ctrl+v�섏꽭�� \
- 3. PrintScreen �ㅻ� �뚮윭�� 罹≪떠�섏떊 �� �� 援ъ뿭�� �대┃ �� Ctrl+v�섏꽭�� \
');
}.bind2Event(t));
}
};
this.imageUploadHTML5 = {
'oSelf': this,
'Events': ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'],
'setOptions': {
'idContainer': 'ImageUploadCtl',
'idEventContainer': 'eventOutput',
'cssText': 'background-color: #eaeaea; width: 97%; height: 50px; padding: 5px; border: 5px solid #E46CB7; clear: both; line-height: 120%;',
'content': '�� �뚯씪�� �� 援ъ뿭�� �쒕옒洹� �� �쒕∼ �섏꽭��. 1媛쒖뵫留� 媛��ν빀�덈떎.\
\
'
},
'init': function (options) {
if (NN.Browser.MSIE == true) return;
var
t = this.oSelf,
oSel = t.oSelection;
Object.extend(this.setOptions, options);
var baseURL = t.Config.path + 'filemanager2/';
this.uploadServer = baseURL + 'upload.html5.php?uploadPath=' + (NN.Config.uploadPath || './data');
},
'set': function () {
if (NN.Browser.MSIE == true) return;
var self = this;
var uploader = function (place, status, targetPHP, show) {
var upload = function (file) {
if (window.FileReader) {
var xhr, bin, filename;
this.loadEnd = function () {
bin = reader.result;
filename = encodeURIComponent(file.name);
xhr = new XMLHttpRequest();
xhr.open('POST', targetPHP + '&up=true', true);
var boundary = 'xxxxxxxxx';
var body = '--' + boundary + "\r\n";
body += "Content-Disposition: form-data; name='upload'; filename='" + filename + "'\r\n";
body += "Content-Type: application/octet-stream\r\n\r\n";
body += bin + "\r\n";
body += '--' + boundary + '--';
xhr.setRequestHeader('content-type', 'multipart/form-data; boundary=' + boundary);
xhr.onreadystatechange = self.onSuccess.bind2(self);
if (xhr.sendAsBinary != null) {
xhr.sendAsBinary(body);
}
else {
xhr.open('POST', targetPHP + '&up=true&base64=true', true);
xhr.setRequestHeader('UP-FILENAME', filename);
xhr.setRequestHeader('UP-SIZE', file.size);
xhr.setRequestHeader('UP-TYPE', file.type);
xhr.send(window.btoa(bin));
}
if (status) {
document.getElementById(status).innerHTML = 'Uploading...';
}
};
this.loadError = function (event) {
switch (event.target.error.code) {
case event.target.error.NOT_FOUND_ERR:
document.getElementById(status).innerHTML = 'File not found!';
break;
case event.target.error.NOT_READABLE_ERR:
document.getElementById(status).innerHTML = 'File not readable!';
break;
case event.target.error.ABORT_ERR:
break;
default:
document.getElementById(status).innerHTML = 'Read error.';
}
};
this.loadProgress = function (event) {
if (event.lengthComputable) {
var percentage = Math.round((event.loaded * 100) / event.total);
document.getElementById(status).innerHTML = 'Loaded : ' + percentage + '%';
}
};
this.previewNow = function (event) {
return;
bin = preview.result;
var img = document.createElement("img");
img.className = 'addedIMG';
img.file = file;
img.src = bin;
document.getElementById(show).appendChild(img);
};
reader = new FileReader();
if (reader.addEventListener) {
reader.addEventListener('loadend', this.loadEnd, false);
if (status != null) {
reader.addEventListener('error', this.loadError, false);
reader.addEventListener('progress', this.loadProgress, false);
}
}
else {
reader.onloadend = this.loadEnd;
if (status != null) {
reader.onerror = this.loadError;
reader.onprogress = this.loadProgress;
}
}
var preview = new FileReader();
if (preview.addEventListener) {
preview.addEventListener('loadend', this.previewNow, false);
}
else {
preview.onloadend = this.previewNow;
}
reader.readAsBinaryString(file);
if (show) {
preview.readAsDataURL(file);
}
}
else {
xhr = new XMLHttpRequest();
xhr.open('POST', targetPHP + '?up=true', true);
xhr.setRequestHeader('UP-FILENAME', filename);
xhr.setRequestHeader('UP-SIZE', file.size);
xhr.setRequestHeader('UP-TYPE', file.type);
xhr.send(file);
if (status) {
document.getElementById(status).innerHTML = 'Loaded : 100%';
}
if (show) {
var newFile = document.createElement('div');
newFile.innerHTML = 'Loaded : ' + file.name + ' size ' + file.size + ' B';
document.getElementById(show).appendChild(newFile);
}
}
};
this.drop = function (event) {
event.preventDefault();
var dt = event.dataTransfer;
var files = dt.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
upload(file);
}
};
this.uploadPlace = document.getElementById(place);
this.uploadPlace.addEventListener("dragover", function (event) {
event.stopPropagation();
event.preventDefault();
}, true);
this.uploadPlace.addEventListener("drop", this.drop, false);
};
var
t = this.oSelf,
oSel = t.oSelection;
var o = document.createElement('div');
o.setAttribute('id', this.setOptions['idEventContainer']);
o.style.cssText = this.setOptions['cssText'];
o.innerHTML = this.setOptions['content'];
var oTarget = t.NN.Utils.g(t.Config.instanceID + '_toolbar_container');
oTarget.appendChild(o);
var
oCon = t.NN.Utils.g(this.setOptions['idContainer']),
oEvtCon = t.NN.Utils.g(this.setOptions['idEventContainer']);
new uploader(this.setOptions['idEventContainer'], 'status', this.uploadServer, null);
},
'onSuccess': function (e) {
var state = this.Events[e.target.readyState];
if (state == 'Complete') {
var todayDate = new Date();
var ty = todayDate.getFullYear();
var tm = todayDate.getMonth() + 1;
var td = todayDate.getDate();
if (tm < 10) tm = '0' + tm;
if (td < 10) td = '0' + td;
var d = ty.toString() + tm.toString() + td.toString();
var ret = eval('(' + e.target.responseText + ')');
if (typeof console != "undefined") console.log(ret);
if (ret['result'] == 'failed') {
document.getElementById('status').innerHTML = ret['error'];
return;
}
var imgURL = this.oSelf.Config.uploadURL == '' ? this.oSelf.Config.path + 'filemanager2/data/' : this.oSelf.Config.uploadURL;
var s = this.oSelf.oSelection;
if (NN.Browser.MSIE && s.lastRange) {
s.focus();
}
this.oSelf.save.saveHistory(true);
s.pasteContent('');
s.focus();
document.getElementById('status').innerHTML = 'Uploaded Complete';
}
}
};
this.$ = function (obj) {
if (NN.Browser.MSIE) {
return obj.contentWindow.document;
}
else {
return obj.contentDocument;
}
};
this.getOpt = function (key) {
return this.Config[key];
};
this.setOpt = function (key, val) {
this.Config[key] = val;
};
this.getID = function (key) {
return this.Config.id[key];
};
this.getCon = function () {
return this.NN.Utils.g(this.getID('container'));
};
this.getTB = function () {
return this.NN.Utils.g(this.getID('toolbar'));
};
this.getIF = function () {
return this.NN.Utils.g(this.getID('iframe'));
};
this.getIFW = function () {
return this.NN.Utils.g(this.getID('iframe')).contentWindow;
};
this.getText = function () {
return this.NN.Utils.g(this.getID('textarea'));
};
this.getIFDoc = function () {
return this.$(this.NN.Utils.g(this.getID('iframe')));
};
this.getMode = function () {
return this.getOpt['mode'];
};
this.isEmptyContent = function () {
var val = this.getText().value.replace(/\