mirror of
https://github.com/Alfresco/alfresco-community-repo.git
synced 2025-08-07 17:49:17 +00:00
d5fbd06a47
13275: updated web-client to use tinymce v3 13276: overlay display fix for when field has large content git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@13585 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
1175 lines
29 KiB
JavaScript
Executable File
1175 lines
29 KiB
JavaScript
Executable File
/**
|
|
* $Id: EditorCommands.js 958 2008-11-05 13:13:58Z spocke $
|
|
*
|
|
* @author Moxiecode
|
|
* @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.
|
|
*/
|
|
|
|
(function() {
|
|
var each = tinymce.each, isIE = tinymce.isIE, isGecko = tinymce.isGecko, isOpera = tinymce.isOpera, isWebKit = tinymce.isWebKit;
|
|
|
|
function isBlock(n) {
|
|
return /^(H[1-6]|HR|P|DIV|ADDRESS|PRE|FORM|TABLE|OL|UL|TD|CAPTION|BLOCKQUOTE|CENTER|DL|DT|DD|DIR|FIELDSET|NOSCRIPT|NOFRAMES|MENU|ISINDEX|SAMP)$/.test(n.nodeName);
|
|
};
|
|
|
|
/**
|
|
* This is a internal class and no method in this class should be called directly form the out side.
|
|
*/
|
|
tinymce.create('tinymce.EditorCommands', {
|
|
EditorCommands : function(ed) {
|
|
this.editor = ed;
|
|
},
|
|
|
|
execCommand : function(cmd, ui, val) {
|
|
var t = this, ed = t.editor, f;
|
|
|
|
switch (cmd) {
|
|
case 'Cut':
|
|
case 'Copy':
|
|
case 'Paste':
|
|
try {
|
|
ed.getDoc().execCommand(cmd, ui, val);
|
|
} catch (ex) {
|
|
if (isGecko) {
|
|
ed.windowManager.confirm(ed.getLang('clipboard_msg'), function(s) {
|
|
if (s)
|
|
window.open('http://www.mozilla.org/editor/midasdemo/securityprefs.html', 'mceExternal');
|
|
});
|
|
} else
|
|
ed.windowManager.alert(ed.getLang('clipboard_no_support'));
|
|
}
|
|
|
|
return true;
|
|
|
|
// Ignore these
|
|
case 'mceResetDesignMode':
|
|
case 'mceBeginUndoLevel':
|
|
return true;
|
|
|
|
// Ignore these
|
|
case 'unlink':
|
|
t.UnLink();
|
|
return true;
|
|
|
|
// Bundle these together
|
|
case 'JustifyLeft':
|
|
case 'JustifyCenter':
|
|
case 'JustifyRight':
|
|
case 'JustifyFull':
|
|
t.mceJustify(cmd, cmd.substring(7).toLowerCase());
|
|
return true;
|
|
|
|
case 'mceEndUndoLevel':
|
|
case 'mceAddUndoLevel':
|
|
ed.undoManager.add();
|
|
return true;
|
|
|
|
default:
|
|
f = this[cmd];
|
|
|
|
if (f) {
|
|
f.call(this, ui, val);
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
Indent : function() {
|
|
var ed = this.editor, d = ed.dom, s = ed.selection, e, iv, iu;
|
|
|
|
// Setup indent level
|
|
iv = ed.settings.indentation;
|
|
iu = /[a-z%]+$/i.exec(iv);
|
|
iv = parseInt(iv);
|
|
|
|
if (ed.settings.inline_styles && (!this.queryStateInsertUnorderedList() && !this.queryStateInsertOrderedList())) {
|
|
each(this._getSelectedBlocks(), function(e) {
|
|
d.setStyle(e, 'paddingLeft', (parseInt(e.style.paddingLeft || 0) + iv) + iu);
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
ed.getDoc().execCommand('Indent', false, null);
|
|
|
|
if (isIE) {
|
|
d.getParent(s.getNode(), function(n) {
|
|
if (n.nodeName == 'BLOCKQUOTE') {
|
|
n.dir = n.style.cssText = '';
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
Outdent : function() {
|
|
var ed = this.editor, d = ed.dom, s = ed.selection, e, v, iv, iu;
|
|
|
|
// Setup indent level
|
|
iv = ed.settings.indentation;
|
|
iu = /[a-z%]+$/i.exec(iv);
|
|
iv = parseInt(iv);
|
|
|
|
if (ed.settings.inline_styles && (!this.queryStateInsertUnorderedList() && !this.queryStateInsertOrderedList())) {
|
|
each(this._getSelectedBlocks(), function(e) {
|
|
v = Math.max(0, parseInt(e.style.paddingLeft || 0) - iv);
|
|
d.setStyle(e, 'paddingLeft', v ? v + iu : '');
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
ed.getDoc().execCommand('Outdent', false, null);
|
|
},
|
|
|
|
mceSetAttribute : function(u, v) {
|
|
var ed = this.editor, d = ed.dom, e;
|
|
|
|
if (e = d.getParent(ed.selection.getNode(), d.isBlock))
|
|
d.setAttrib(e, v.name, v.value);
|
|
},
|
|
|
|
mceSetContent : function(u, v) {
|
|
this.editor.setContent(v);
|
|
},
|
|
|
|
mceToggleVisualAid : function() {
|
|
var ed = this.editor;
|
|
|
|
ed.hasVisual = !ed.hasVisual;
|
|
ed.addVisual();
|
|
},
|
|
|
|
mceReplaceContent : function(u, v) {
|
|
var s = this.editor.selection;
|
|
|
|
s.setContent(v.replace(/\{\$selection\}/g, s.getContent({format : 'text'})));
|
|
},
|
|
|
|
mceInsertLink : function(u, v) {
|
|
var ed = this.editor, s = ed.selection, e = ed.dom.getParent(s.getNode(), 'A');
|
|
|
|
if (tinymce.is(v, 'string'))
|
|
v = {href : v};
|
|
|
|
function set(e) {
|
|
each(v, function(v, k) {
|
|
ed.dom.setAttrib(e, k, v);
|
|
});
|
|
};
|
|
|
|
if (!e) {
|
|
ed.execCommand('CreateLink', false, 'javascript:mctmp(0);');
|
|
each(ed.dom.select('a'), function(e) {
|
|
if (e.href == 'javascript:mctmp(0);')
|
|
set(e);
|
|
});
|
|
} else {
|
|
if (v.href)
|
|
set(e);
|
|
else
|
|
ed.dom.remove(e, 1);
|
|
}
|
|
},
|
|
|
|
UnLink : function() {
|
|
var ed = this.editor, s = ed.selection;
|
|
|
|
if (s.isCollapsed())
|
|
s.select(s.getNode());
|
|
|
|
ed.getDoc().execCommand('unlink', false, null);
|
|
s.collapse(0);
|
|
},
|
|
|
|
FontName : function(u, v) {
|
|
var t = this, ed = t.editor, s = ed.selection, e;
|
|
|
|
if (!v) {
|
|
if (s.isCollapsed())
|
|
s.select(s.getNode());
|
|
|
|
t.RemoveFormat();
|
|
} else {
|
|
if (ed.settings.convert_fonts_to_spans)
|
|
t._applyInlineStyle('span', {style : {fontFamily : v}});
|
|
else
|
|
ed.getDoc().execCommand('FontName', false, v);
|
|
}
|
|
},
|
|
|
|
FontSize : function(u, v) {
|
|
var ed = this.editor, s = ed.settings, fc, fs;
|
|
|
|
// Use style options instead
|
|
if (s.convert_fonts_to_spans && v >= 1 && v <= 7) {
|
|
fs = tinymce.explode(s.font_size_style_values);
|
|
fc = tinymce.explode(s.font_size_classes);
|
|
|
|
if (fc)
|
|
v = fc[v - 1] || v;
|
|
else
|
|
v = fs[v - 1] || v;
|
|
}
|
|
|
|
if (v >= 1 && v <= 7)
|
|
ed.getDoc().execCommand('FontSize', false, v);
|
|
else
|
|
this._applyInlineStyle('span', {style : {fontSize : v}});
|
|
},
|
|
|
|
queryCommandValue : function(c) {
|
|
var f = this['queryValue' + c];
|
|
|
|
if (f)
|
|
return f.call(this, c);
|
|
|
|
return false;
|
|
},
|
|
|
|
queryCommandState : function(cmd) {
|
|
var f;
|
|
|
|
switch (cmd) {
|
|
// Bundle these together
|
|
case 'JustifyLeft':
|
|
case 'JustifyCenter':
|
|
case 'JustifyRight':
|
|
case 'JustifyFull':
|
|
return this.queryStateJustify(cmd, cmd.substring(7).toLowerCase());
|
|
|
|
default:
|
|
if (f = this['queryState' + cmd])
|
|
return f.call(this, cmd);
|
|
}
|
|
|
|
return -1;
|
|
},
|
|
|
|
_queryState : function(c) {
|
|
try {
|
|
return this.editor.getDoc().queryCommandState(c);
|
|
} catch (ex) {
|
|
// Ignore exception
|
|
}
|
|
},
|
|
|
|
_queryVal : function(c) {
|
|
try {
|
|
return this.editor.getDoc().queryCommandValue(c);
|
|
} catch (ex) {
|
|
// Ignore exception
|
|
}
|
|
},
|
|
|
|
queryValueFontSize : function() {
|
|
var ed = this.editor, v = 0, p;
|
|
|
|
if (p = ed.dom.getParent(ed.selection.getNode(), 'SPAN'))
|
|
v = p.style.fontSize;
|
|
|
|
if (!v && (isOpera || isWebKit)) {
|
|
if (p = ed.dom.getParent(ed.selection.getNode(), 'FONT'))
|
|
v = p.size;
|
|
|
|
return v;
|
|
}
|
|
|
|
return v || this._queryVal('FontSize');
|
|
},
|
|
|
|
queryValueFontName : function() {
|
|
var ed = this.editor, v = 0, p;
|
|
|
|
if (p = ed.dom.getParent(ed.selection.getNode(), 'FONT'))
|
|
v = p.face;
|
|
|
|
if (p = ed.dom.getParent(ed.selection.getNode(), 'SPAN'))
|
|
v = p.style.fontFamily.replace(/, /g, ',').replace(/[\'\"]/g, '').toLowerCase();
|
|
|
|
if (!v)
|
|
v = this._queryVal('FontName');
|
|
|
|
return v;
|
|
},
|
|
|
|
mceJustify : function(c, v) {
|
|
var ed = this.editor, se = ed.selection, n = se.getNode(), nn = n.nodeName, bl, nb, dom = ed.dom, rm;
|
|
|
|
if (ed.settings.inline_styles && this.queryStateJustify(c, v))
|
|
rm = 1;
|
|
|
|
bl = dom.getParent(n, ed.dom.isBlock);
|
|
|
|
if (nn == 'IMG') {
|
|
if (v == 'full')
|
|
return;
|
|
|
|
if (rm) {
|
|
if (v == 'center')
|
|
dom.setStyle(bl || n.parentNode, 'textAlign', '');
|
|
|
|
dom.setStyle(n, 'float', '');
|
|
this.mceRepaint();
|
|
return;
|
|
}
|
|
|
|
if (v == 'center') {
|
|
// Do not change table elements
|
|
if (bl && /^(TD|TH)$/.test(bl.nodeName))
|
|
bl = 0;
|
|
|
|
if (!bl || bl.childNodes.length > 1) {
|
|
nb = dom.create('p');
|
|
nb.appendChild(n.cloneNode(false));
|
|
|
|
if (bl)
|
|
dom.insertAfter(nb, bl);
|
|
else
|
|
dom.insertAfter(nb, n);
|
|
|
|
dom.remove(n);
|
|
n = nb.firstChild;
|
|
bl = nb;
|
|
}
|
|
|
|
dom.setStyle(bl, 'textAlign', v);
|
|
dom.setStyle(n, 'float', '');
|
|
} else {
|
|
dom.setStyle(n, 'float', v);
|
|
dom.setStyle(bl || n.parentNode, 'textAlign', '');
|
|
}
|
|
|
|
this.mceRepaint();
|
|
return;
|
|
}
|
|
|
|
// Handle the alignment outselfs, less quirks in all browsers
|
|
if (ed.settings.inline_styles && ed.settings.forced_root_block) {
|
|
if (rm)
|
|
v = '';
|
|
|
|
each(this._getSelectedBlocks(dom.getParent(se.getStart(), dom.isBlock), dom.getParent(se.getEnd(), dom.isBlock)), function(e) {
|
|
dom.setAttrib(e, 'align', '');
|
|
dom.setStyle(e, 'textAlign', v == 'full' ? 'justify' : v);
|
|
});
|
|
|
|
return;
|
|
} else if (!rm)
|
|
ed.getDoc().execCommand(c, false, null);
|
|
|
|
if (ed.settings.inline_styles) {
|
|
if (rm) {
|
|
dom.getParent(ed.selection.getNode(), function(n) {
|
|
if (n.style && n.style.textAlign)
|
|
dom.setStyle(n, 'textAlign', '');
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
each(dom.select('*'), function(n) {
|
|
var v = n.align;
|
|
|
|
if (v) {
|
|
if (v == 'full')
|
|
v = 'justify';
|
|
|
|
dom.setStyle(n, 'textAlign', v);
|
|
dom.setAttrib(n, 'align', '');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
mceSetCSSClass : function(u, v) {
|
|
this.mceSetStyleInfo(0, {command : 'setattrib', name : 'class', value : v});
|
|
},
|
|
|
|
getSelectedElement : function() {
|
|
var t = this, ed = t.editor, dom = ed.dom, se = ed.selection, r = se.getRng(), r1, r2, sc, ec, so, eo, e, sp, ep, re;
|
|
|
|
if (se.isCollapsed() || r.item)
|
|
return se.getNode();
|
|
|
|
// Setup regexp
|
|
re = ed.settings.merge_styles_invalid_parents;
|
|
if (tinymce.is(re, 'string'))
|
|
re = new RegExp(re, 'i');
|
|
|
|
if (isIE) {
|
|
r1 = r.duplicate();
|
|
r1.collapse(true);
|
|
sc = r1.parentElement();
|
|
|
|
r2 = r.duplicate();
|
|
r2.collapse(false);
|
|
ec = r2.parentElement();
|
|
|
|
if (sc != ec) {
|
|
r1.move('character', 1);
|
|
sc = r1.parentElement();
|
|
}
|
|
|
|
if (sc == ec) {
|
|
r1 = r.duplicate();
|
|
r1.moveToElementText(sc);
|
|
|
|
if (r1.compareEndPoints('StartToStart', r) == 0 && r1.compareEndPoints('EndToEnd', r) == 0)
|
|
return re && re.test(sc.nodeName) ? null : sc;
|
|
}
|
|
} else {
|
|
function getParent(n) {
|
|
return dom.getParent(n, function(n) {return n.nodeType == 1;});
|
|
};
|
|
|
|
sc = r.startContainer;
|
|
ec = r.endContainer;
|
|
so = r.startOffset;
|
|
eo = r.endOffset;
|
|
|
|
if (!r.collapsed) {
|
|
if (sc == ec) {
|
|
if (so - eo < 2) {
|
|
if (sc.hasChildNodes()) {
|
|
sp = sc.childNodes[so];
|
|
return re && re.test(sp.nodeName) ? null : sp;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (sc.nodeType != 3 || ec.nodeType != 3)
|
|
return null;
|
|
|
|
if (so == 0) {
|
|
sp = getParent(sc);
|
|
|
|
if (sp && sp.firstChild != sc)
|
|
sp = null;
|
|
}
|
|
|
|
if (so == sc.nodeValue.length) {
|
|
e = sc.nextSibling;
|
|
|
|
if (e && e.nodeType == 1)
|
|
sp = sc.nextSibling;
|
|
}
|
|
|
|
if (eo == 0) {
|
|
e = ec.previousSibling;
|
|
|
|
if (e && e.nodeType == 1)
|
|
ep = e;
|
|
}
|
|
|
|
if (eo == ec.nodeValue.length) {
|
|
ep = getParent(ec);
|
|
|
|
if (ep && ep.lastChild != ec)
|
|
ep = null;
|
|
}
|
|
|
|
// Same element
|
|
if (sp == ep)
|
|
return re && sp && re.test(sp.nodeName) ? null : sp;
|
|
}
|
|
|
|
return null;
|
|
},
|
|
|
|
InsertHorizontalRule : function() {
|
|
// Fix for Gecko <hr size="1" /> issue and IE bug rep(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");
|
|
if (isGecko || isIE)
|
|
this.editor.selection.setContent('<hr />');
|
|
else
|
|
this.editor.getDoc().execCommand('InsertHorizontalRule', false, '');
|
|
},
|
|
|
|
RemoveFormat : function() {
|
|
var t = this, ed = t.editor, s = ed.selection, b;
|
|
|
|
// Safari breaks tables
|
|
if (isWebKit)
|
|
s.setContent(s.getContent({format : 'raw'}).replace(/(<(span|b|i|strong|em|strike) [^>]+>|<(span|b|i|strong|em|strike)>|<\/(span|b|i|strong|em|strike)>|)/g, ''), {format : 'raw'});
|
|
else
|
|
ed.getDoc().execCommand('RemoveFormat', false, null);
|
|
|
|
t.mceSetStyleInfo(0, {command : 'removeformat'});
|
|
ed.addVisual();
|
|
},
|
|
|
|
mceSetStyleInfo : function(u, v) {
|
|
var t = this, ed = t.editor, d = ed.getDoc(), dom = ed.dom, e, b, s = ed.selection, nn = v.wrapper || 'span', b = s.getBookmark(), re;
|
|
|
|
function set(n, e) {
|
|
if (n.nodeType == 1) {
|
|
switch (v.command) {
|
|
case 'setattrib':
|
|
return dom.setAttrib(n, v.name, v.value);
|
|
|
|
case 'setstyle':
|
|
return dom.setStyle(n, v.name, v.value);
|
|
|
|
case 'removeformat':
|
|
return dom.setAttrib(n, 'class', '');
|
|
}
|
|
}
|
|
};
|
|
|
|
// Setup regexp
|
|
re = ed.settings.merge_styles_invalid_parents;
|
|
if (tinymce.is(re, 'string'))
|
|
re = new RegExp(re, 'i');
|
|
|
|
// Set style info on selected element
|
|
if ((e = t.getSelectedElement()) && !ed.settings.force_span_wrappers)
|
|
set(e, 1);
|
|
else {
|
|
// Generate wrappers and set styles on them
|
|
d.execCommand('FontName', false, '__');
|
|
each(isWebKit ? dom.select('span') : dom.select('font'), function(n) {
|
|
var sp, e;
|
|
|
|
if (dom.getAttrib(n, 'face') == '__' || n.style.fontFamily === '__') {
|
|
sp = dom.create(nn, {mce_new : '1'});
|
|
|
|
set(sp);
|
|
|
|
each (n.childNodes, function(n) {
|
|
sp.appendChild(n.cloneNode(true));
|
|
});
|
|
|
|
dom.replace(sp, n);
|
|
}
|
|
});
|
|
}
|
|
|
|
// Remove wrappers inside new ones
|
|
each(dom.select(nn).reverse(), function(n) {
|
|
var p = n.parentNode;
|
|
|
|
// Check if it's an old span in a new wrapper
|
|
if (!dom.getAttrib(n, 'mce_new')) {
|
|
// Find new wrapper
|
|
p = dom.getParent(n, function(n) {
|
|
return n.nodeType == 1 && dom.getAttrib(n, 'mce_new');
|
|
});
|
|
|
|
if (p)
|
|
dom.remove(n, 1);
|
|
}
|
|
});
|
|
|
|
// Merge wrappers with parent wrappers
|
|
each(dom.select(nn).reverse(), function(n) {
|
|
var p = n.parentNode;
|
|
|
|
if (!p || !dom.getAttrib(n, 'mce_new'))
|
|
return;
|
|
|
|
if (ed.settings.force_span_wrappers && p.nodeName != 'SPAN')
|
|
return;
|
|
|
|
// Has parent of the same type and only child
|
|
if (p.nodeName == nn.toUpperCase() && p.childNodes.length == 1)
|
|
return dom.remove(p, 1);
|
|
|
|
// Has parent that is more suitable to have the class and only child
|
|
if (n.nodeType == 1 && (!re || !re.test(p.nodeName)) && p.childNodes.length == 1) {
|
|
set(p); // Set style info on parent instead
|
|
dom.setAttrib(n, 'class', '');
|
|
}
|
|
});
|
|
|
|
// Remove empty wrappers
|
|
each(dom.select(nn).reverse(), function(n) {
|
|
if (dom.getAttrib(n, 'mce_new') || (dom.getAttribs(n).length <= 1 && n.className === '')) {
|
|
if (!dom.getAttrib(n, 'class') && !dom.getAttrib(n, 'style'))
|
|
return dom.remove(n, 1);
|
|
|
|
dom.setAttrib(n, 'mce_new', ''); // Remove mce_new marker
|
|
}
|
|
});
|
|
|
|
s.moveToBookmark(b);
|
|
},
|
|
|
|
queryStateJustify : function(c, v) {
|
|
var ed = this.editor, n = ed.selection.getNode(), dom = ed.dom;
|
|
|
|
if (n && n.nodeName == 'IMG') {
|
|
if (dom.getStyle(n, 'float') == v)
|
|
return 1;
|
|
|
|
return n.parentNode.style.textAlign == v;
|
|
}
|
|
|
|
n = dom.getParent(ed.selection.getStart(), function(n) {
|
|
return n.nodeType == 1 && n.style.textAlign;
|
|
});
|
|
|
|
if (v == 'full')
|
|
v = 'justify';
|
|
|
|
if (ed.settings.inline_styles)
|
|
return (n && n.style.textAlign == v);
|
|
|
|
return this._queryState(c);
|
|
},
|
|
|
|
ForeColor : function(ui, v) {
|
|
var ed = this.editor;
|
|
|
|
if (ed.settings.convert_fonts_to_spans) {
|
|
this._applyInlineStyle('span', {style : {color : v}});
|
|
return;
|
|
} else
|
|
ed.getDoc().execCommand('ForeColor', false, v);
|
|
},
|
|
|
|
HiliteColor : function(ui, val) {
|
|
var t = this, ed = t.editor, d = ed.getDoc();
|
|
|
|
if (ed.settings.convert_fonts_to_spans) {
|
|
this._applyInlineStyle('span', {style : {backgroundColor : val}});
|
|
return;
|
|
}
|
|
|
|
function set(s) {
|
|
if (!isGecko)
|
|
return;
|
|
|
|
try {
|
|
// Try new Gecko method
|
|
d.execCommand("styleWithCSS", 0, s);
|
|
} catch (ex) {
|
|
// Use old
|
|
d.execCommand("useCSS", 0, !s);
|
|
}
|
|
};
|
|
|
|
if (isGecko || isOpera) {
|
|
set(true);
|
|
d.execCommand('hilitecolor', false, val);
|
|
set(false);
|
|
} else
|
|
d.execCommand('BackColor', false, val);
|
|
},
|
|
|
|
Undo : function() {
|
|
var ed = this.editor;
|
|
|
|
if (ed.settings.custom_undo_redo) {
|
|
ed.undoManager.undo();
|
|
ed.nodeChanged();
|
|
} else
|
|
ed.getDoc().execCommand('Undo', false, null);
|
|
},
|
|
|
|
Redo : function() {
|
|
var ed = this.editor;
|
|
|
|
if (ed.settings.custom_undo_redo) {
|
|
ed.undoManager.redo();
|
|
ed.nodeChanged();
|
|
} else
|
|
ed.getDoc().execCommand('Redo', false, null);
|
|
},
|
|
|
|
FormatBlock : function(ui, val) {
|
|
var t = this, ed = t.editor, s = ed.selection, dom = ed.dom, bl, nb, b;
|
|
|
|
function isBlock(n) {
|
|
return /^(P|DIV|H[1-6]|ADDRESS|BLOCKQUOTE|PRE)$/.test(n.nodeName);
|
|
};
|
|
|
|
bl = dom.getParent(s.getNode(), function(n) {
|
|
return isBlock(n);
|
|
});
|
|
|
|
// IE has an issue where it removes the parent div if you change format on the paragrah in <div><p>Content</p></div>
|
|
// FF and Opera doesn't change parent DIV elements if you switch format
|
|
if (bl) {
|
|
if ((isIE && isBlock(bl.parentNode)) || bl.nodeName == 'DIV') {
|
|
// Rename block element
|
|
nb = ed.dom.create(val);
|
|
|
|
each(dom.getAttribs(bl), function(v) {
|
|
dom.setAttrib(nb, v.nodeName, dom.getAttrib(bl, v.nodeName));
|
|
});
|
|
|
|
b = s.getBookmark();
|
|
dom.replace(nb, bl, 1);
|
|
s.moveToBookmark(b);
|
|
ed.nodeChanged();
|
|
return;
|
|
}
|
|
}
|
|
|
|
val = ed.settings.forced_root_block ? (val || '<p>') : val;
|
|
|
|
if (val.indexOf('<') == -1)
|
|
val = '<' + val + '>';
|
|
|
|
if (tinymce.isGecko)
|
|
val = val.replace(/<(div|blockquote|code|dt|dd|dl|samp)>/gi, '$1');
|
|
|
|
ed.getDoc().execCommand('FormatBlock', false, val);
|
|
},
|
|
|
|
mceCleanup : function() {
|
|
var ed = this.editor, s = ed.selection, b = s.getBookmark();
|
|
ed.setContent(ed.getContent());
|
|
s.moveToBookmark(b);
|
|
},
|
|
|
|
mceRemoveNode : function(ui, val) {
|
|
var ed = this.editor, s = ed.selection, b, n = val || s.getNode();
|
|
|
|
// Make sure that the body node isn't removed
|
|
if (n == ed.getBody())
|
|
return;
|
|
|
|
b = s.getBookmark();
|
|
ed.dom.remove(n, 1);
|
|
s.moveToBookmark(b);
|
|
ed.nodeChanged();
|
|
},
|
|
|
|
mceSelectNodeDepth : function(ui, val) {
|
|
var ed = this.editor, s = ed.selection, c = 0;
|
|
|
|
ed.dom.getParent(s.getNode(), function(n) {
|
|
if (n.nodeType == 1 && c++ == val) {
|
|
s.select(n);
|
|
ed.nodeChanged();
|
|
return false;
|
|
}
|
|
}, ed.getBody());
|
|
},
|
|
|
|
mceSelectNode : function(u, v) {
|
|
this.editor.selection.select(v);
|
|
},
|
|
|
|
mceInsertContent : function(ui, val) {
|
|
this.editor.selection.setContent(val);
|
|
},
|
|
|
|
mceInsertRawHTML : function(ui, val) {
|
|
var ed = this.editor;
|
|
|
|
ed.selection.setContent('tiny_mce_marker');
|
|
ed.setContent(ed.getContent().replace(/tiny_mce_marker/g, val));
|
|
},
|
|
|
|
mceRepaint : function() {
|
|
var s, b, e = this.editor;
|
|
|
|
if (tinymce.isGecko) {
|
|
try {
|
|
s = e.selection;
|
|
b = s.getBookmark(true);
|
|
|
|
if (s.getSel())
|
|
s.getSel().selectAllChildren(e.getBody());
|
|
|
|
s.collapse(true);
|
|
s.moveToBookmark(b);
|
|
} catch (ex) {
|
|
// Ignore
|
|
}
|
|
}
|
|
},
|
|
|
|
queryStateUnderline : function() {
|
|
var ed = this.editor, n = ed.selection.getNode();
|
|
|
|
if (n && n.nodeName == 'A')
|
|
return false;
|
|
|
|
return this._queryState('Underline');
|
|
},
|
|
|
|
queryStateOutdent : function() {
|
|
var ed = this.editor, n;
|
|
|
|
if (ed.settings.inline_styles) {
|
|
if ((n = ed.dom.getParent(ed.selection.getStart(), ed.dom.isBlock)) && parseInt(n.style.paddingLeft) > 0)
|
|
return true;
|
|
|
|
if ((n = ed.dom.getParent(ed.selection.getEnd(), ed.dom.isBlock)) && parseInt(n.style.paddingLeft) > 0)
|
|
return true;
|
|
}
|
|
|
|
return this.queryStateInsertUnorderedList() || this.queryStateInsertOrderedList() || (!ed.settings.inline_styles && !!ed.dom.getParent(ed.selection.getNode(), 'BLOCKQUOTE'));
|
|
},
|
|
|
|
queryStateInsertUnorderedList : function() {
|
|
return this.editor.dom.getParent(this.editor.selection.getNode(), 'UL');
|
|
},
|
|
|
|
queryStateInsertOrderedList : function() {
|
|
return this.editor.dom.getParent(this.editor.selection.getNode(), 'OL');
|
|
},
|
|
|
|
queryStatemceBlockQuote : function() {
|
|
return !!this.editor.dom.getParent(this.editor.selection.getStart(), function(n) {return n.nodeName === 'BLOCKQUOTE';});
|
|
},
|
|
|
|
mceBlockQuote : function() {
|
|
var t = this, ed = t.editor, s = ed.selection, dom = ed.dom, sb, eb, n, bm, bq, r, bq2, i, nl;
|
|
|
|
function getBQ(e) {
|
|
return dom.getParent(e, function(n) {return n.nodeName === 'BLOCKQUOTE';});
|
|
};
|
|
|
|
// Get start/end block
|
|
sb = dom.getParent(s.getStart(), isBlock);
|
|
eb = dom.getParent(s.getEnd(), isBlock);
|
|
|
|
// Remove blockquote(s)
|
|
if (bq = getBQ(sb)) {
|
|
if (sb != eb || sb.childNodes.length > 1 || (sb.childNodes.length == 1 && sb.firstChild.nodeName != 'BR'))
|
|
bm = s.getBookmark();
|
|
|
|
// Move all elements after the end block into new bq
|
|
if (getBQ(eb)) {
|
|
bq2 = bq.cloneNode(false);
|
|
|
|
while (n = eb.nextSibling)
|
|
bq2.appendChild(n.parentNode.removeChild(n));
|
|
}
|
|
|
|
// Add new bq after
|
|
if (bq2)
|
|
dom.insertAfter(bq2, bq);
|
|
|
|
// Move all selected blocks after the current bq
|
|
nl = t._getSelectedBlocks(sb, eb);
|
|
for (i = nl.length - 1; i >= 0; i--) {
|
|
dom.insertAfter(nl[i], bq);
|
|
}
|
|
|
|
// Empty bq, then remove it
|
|
if (/^\s*$/.test(bq.innerHTML))
|
|
dom.remove(bq, 1); // Keep children so boomark restoration works correctly
|
|
|
|
// Empty bq, then remote it
|
|
if (bq2 && /^\s*$/.test(bq2.innerHTML))
|
|
dom.remove(bq2, 1); // Keep children so boomark restoration works correctly
|
|
|
|
if (!bm) {
|
|
// Move caret inside empty block element
|
|
if (!isIE) {
|
|
r = ed.getDoc().createRange();
|
|
r.setStart(sb, 0);
|
|
r.setEnd(sb, 0);
|
|
s.setRng(r);
|
|
} else {
|
|
s.select(sb);
|
|
s.collapse(0);
|
|
|
|
// IE misses the empty block some times element so we must move back the caret
|
|
if (dom.getParent(s.getStart(), isBlock) != sb) {
|
|
r = s.getRng();
|
|
r.move('character', -1);
|
|
r.select();
|
|
}
|
|
}
|
|
} else
|
|
t.editor.selection.moveToBookmark(bm);
|
|
|
|
return;
|
|
}
|
|
|
|
// Since IE can start with a totally empty document we need to add the first bq and paragraph
|
|
if (isIE && !sb && !eb) {
|
|
t.editor.getDoc().execCommand('Indent');
|
|
n = getBQ(s.getNode());
|
|
n.style.margin = n.dir = ''; // IE adds margin and dir to bq
|
|
return;
|
|
}
|
|
|
|
if (!sb || !eb)
|
|
return;
|
|
|
|
// If empty paragraph node then do not use bookmark
|
|
if (sb != eb || sb.childNodes.length > 1 || (sb.childNodes.length == 1 && sb.firstChild.nodeName != 'BR'))
|
|
bm = s.getBookmark();
|
|
|
|
// Move selected block elements into a bq
|
|
each(t._getSelectedBlocks(getBQ(s.getStart()), getBQ(s.getEnd())), function(e) {
|
|
// Found existing BQ add to this one
|
|
if (e.nodeName == 'BLOCKQUOTE' && !bq) {
|
|
bq = e;
|
|
return;
|
|
}
|
|
|
|
// No BQ found, create one
|
|
if (!bq) {
|
|
bq = dom.create('blockquote');
|
|
e.parentNode.insertBefore(bq, e);
|
|
}
|
|
|
|
// Add children from existing BQ
|
|
if (e.nodeName == 'BLOCKQUOTE' && bq) {
|
|
n = e.firstChild;
|
|
|
|
while (n) {
|
|
bq.appendChild(n.cloneNode(true));
|
|
n = n.nextSibling;
|
|
}
|
|
|
|
dom.remove(e);
|
|
return;
|
|
}
|
|
|
|
// Add non BQ element to BQ
|
|
bq.appendChild(dom.remove(e));
|
|
});
|
|
|
|
if (!bm) {
|
|
// Move caret inside empty block element
|
|
if (!isIE) {
|
|
r = ed.getDoc().createRange();
|
|
r.setStart(sb, 0);
|
|
r.setEnd(sb, 0);
|
|
s.setRng(r);
|
|
} else {
|
|
s.select(sb);
|
|
s.collapse(1);
|
|
}
|
|
} else
|
|
s.moveToBookmark(bm);
|
|
},
|
|
|
|
_applyInlineStyle : function(na, at, op) {
|
|
var t = this, ed = t.editor, dom = ed.dom, bm, lo = {}, kh;
|
|
|
|
na = na.toUpperCase();
|
|
|
|
if (op && op.check_classes && at['class'])
|
|
op.check_classes.push(at['class']);
|
|
|
|
function replaceFonts() {
|
|
var bm;
|
|
|
|
each(dom.select(tinymce.isWebKit && !tinymce.isAir ? 'span' : 'font'), function(n) {
|
|
if (n.style.fontFamily == 'mceinline' || n.face == 'mceinline') {
|
|
if (!bm)
|
|
bm = ed.selection.getBookmark();
|
|
|
|
at._mce_new = '1';
|
|
dom.replace(dom.create(na, at), n, 1);
|
|
}
|
|
});
|
|
|
|
// Remove redundant elements
|
|
each(dom.select(na), function(n) {
|
|
if (n.getAttribute('_mce_new')) {
|
|
function removeStyle(n) {
|
|
if (n.nodeType == 1) {
|
|
each(at.style, function(v, k) {
|
|
dom.setStyle(n, k, '');
|
|
});
|
|
|
|
// Remove spans with the same class or marked classes
|
|
if (at['class'] && n.className && op) {
|
|
each(op.check_classes, function(c) {
|
|
if (dom.hasClass(n, c))
|
|
dom.removeClass(n, c);
|
|
});
|
|
}
|
|
}
|
|
};
|
|
|
|
// Remove specified style information from child elements
|
|
each(dom.select(na, n), removeStyle);
|
|
|
|
// Remove the specified style information on parent if current node is only child (IE)
|
|
if (n.parentNode && n.parentNode.nodeType == 1 && n.parentNode.childNodes.length == 1)
|
|
removeStyle(n.parentNode);
|
|
|
|
// Remove the child elements style info if a parent already has it
|
|
dom.getParent(n.parentNode, function(pn) {
|
|
if (pn.nodeType == 1) {
|
|
if (at.style) {
|
|
each(at.style, function(v, k) {
|
|
var sv;
|
|
|
|
if (!lo[k] && (sv = dom.getStyle(pn, k))) {
|
|
if (sv === v)
|
|
dom.setStyle(n, k, '');
|
|
|
|
lo[k] = 1;
|
|
}
|
|
});
|
|
}
|
|
|
|
// Remove spans with the same class or marked classes
|
|
if (at['class'] && pn.className && op) {
|
|
each(op.check_classes, function(c) {
|
|
if (dom.hasClass(pn, c))
|
|
dom.removeClass(n, c);
|
|
});
|
|
}
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
n.removeAttribute('_mce_new');
|
|
}
|
|
});
|
|
|
|
// Remove empty span elements
|
|
each(dom.select(na).reverse(), function(n) {
|
|
var c = 0;
|
|
|
|
// Check if there is any attributes
|
|
each(dom.getAttribs(n), function(an) {
|
|
if (an.nodeName.substring(0, 1) != '_' && dom.getAttrib(n, an.nodeName) != '') {
|
|
//console.log(dom.getOuterHTML(n), dom.getAttrib(n, an.nodeName));
|
|
c++;
|
|
}
|
|
});
|
|
|
|
// No attributes then remove the element and keep the children
|
|
if (c == 0)
|
|
dom.remove(n, 1);
|
|
});
|
|
|
|
ed.selection.moveToBookmark(bm);
|
|
|
|
return !!bm;
|
|
};
|
|
|
|
// Create inline elements
|
|
ed.focus();
|
|
ed.getDoc().execCommand('FontName', false, 'mceinline');
|
|
replaceFonts();
|
|
|
|
if (kh = t._applyInlineStyle.keyhandler) {
|
|
ed.onKeyUp.remove(kh);
|
|
ed.onKeyPress.remove(kh);
|
|
ed.onKeyDown.remove(kh);
|
|
ed.onSetContent.remove(t._applyInlineStyle.chandler);
|
|
}
|
|
|
|
if (ed.selection.isCollapsed()) {
|
|
// Start collecting styles
|
|
t._pendingStyles = tinymce.extend(t._pendingStyles || {}, at.style);
|
|
|
|
t._applyInlineStyle.chandler = ed.onSetContent.add(function() {
|
|
delete t._pendingStyles;
|
|
});
|
|
|
|
t._applyInlineStyle.keyhandler = kh = function(e) {
|
|
// Use pending styles
|
|
if (t._pendingStyles) {
|
|
at.style = t._pendingStyles;
|
|
delete t._pendingStyles;
|
|
}
|
|
|
|
if (replaceFonts()) {
|
|
ed.onKeyDown.remove(t._applyInlineStyle.keyhandler);
|
|
ed.onKeyPress.remove(t._applyInlineStyle.keyhandler);
|
|
}
|
|
|
|
if (e.type == 'keyup')
|
|
ed.onKeyUp.remove(t._applyInlineStyle.keyhandler);
|
|
};
|
|
|
|
ed.onKeyDown.add(kh);
|
|
ed.onKeyPress.add(kh);
|
|
ed.onKeyUp.add(kh);
|
|
} else
|
|
t._pendingStyles = 0;
|
|
},
|
|
|
|
/*
|
|
_mceBlockQuote : function() {
|
|
var t = this, s = t.editor.selection, b = s.getBookmark(), bq, dom = t.editor.dom;
|
|
|
|
function findBQ(e) {
|
|
return dom.getParent(e, function(n) {return n.nodeName === 'BLOCKQUOTE';});
|
|
};
|
|
|
|
// Remove blockquote(s)
|
|
if (findBQ(s.getStart())) {
|
|
each(t._getSelectedBlocks(findBQ(s.getStart()), findBQ(s.getEnd())), function(e) {
|
|
// Found BQ lets remove it
|
|
if (e.nodeName == 'BLOCKQUOTE')
|
|
dom.remove(e, 1);
|
|
});
|
|
|
|
t.editor.selection.moveToBookmark(b);
|
|
return;
|
|
}
|
|
|
|
each(t._getSelectedBlocks(findBQ(s.getStart()), findBQ(s.getEnd())), function(e) {
|
|
var n;
|
|
|
|
// Found existing BQ add to this one
|
|
if (e.nodeName == 'BLOCKQUOTE' && !bq) {
|
|
bq = e;
|
|
return;
|
|
}
|
|
|
|
// No BQ found, create one
|
|
if (!bq) {
|
|
bq = dom.create('blockquote');
|
|
e.parentNode.insertBefore(bq, e);
|
|
}
|
|
|
|
// Add children from existing BQ
|
|
if (e.nodeName == 'BLOCKQUOTE' && bq) {
|
|
n = e.firstChild;
|
|
|
|
while (n) {
|
|
bq.appendChild(n.cloneNode(true));
|
|
n = n.nextSibling;
|
|
}
|
|
|
|
dom.remove(e);
|
|
|
|
return;
|
|
}
|
|
|
|
// Add non BQ element to BQ
|
|
bq.appendChild(dom.remove(e));
|
|
});
|
|
|
|
t.editor.selection.moveToBookmark(b);
|
|
},
|
|
*/
|
|
_getSelectedBlocks : function(st, en) {
|
|
var ed = this.editor, dom = ed.dom, s = ed.selection, sb, eb, n, bl = [];
|
|
|
|
sb = dom.getParent(st || s.getStart(), isBlock);
|
|
eb = dom.getParent(en || s.getEnd(), isBlock);
|
|
|
|
if (sb)
|
|
bl.push(sb);
|
|
|
|
if (sb && eb && sb != eb) {
|
|
n = sb;
|
|
|
|
while ((n = n.nextSibling) && n != eb) {
|
|
if (isBlock(n))
|
|
bl.push(n);
|
|
}
|
|
}
|
|
|
|
if (eb && sb != eb)
|
|
bl.push(eb);
|
|
|
|
return bl;
|
|
}
|
|
});
|
|
})();
|
|
|