|
|
|
|
|
|
|
|
/* Modified by JP LANG for textile formatting */ |
|
|
/* Modified by JP LANG for textile formatting */ |
|
|
|
|
|
|
|
|
function jsToolBar(textarea) { |
|
|
function jsToolBar(textarea) { |
|
|
if (!document.createElement) { return; } |
|
|
|
|
|
|
|
|
|
|
|
if (!textarea) { return; } |
|
|
|
|
|
|
|
|
|
|
|
if ((typeof(document["selection"]) == "undefined") |
|
|
|
|
|
&& (typeof(textarea["setSelectionRange"]) == "undefined")) { |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.textarea = textarea; |
|
|
|
|
|
|
|
|
|
|
|
this.editor = document.createElement('div'); |
|
|
|
|
|
this.editor.className = 'jstEditor'; |
|
|
|
|
|
|
|
|
|
|
|
this.textarea.parentNode.insertBefore(this.editor,this.textarea); |
|
|
|
|
|
this.editor.appendChild(this.textarea); |
|
|
|
|
|
|
|
|
|
|
|
this.toolbar = document.createElement("div"); |
|
|
|
|
|
this.toolbar.className = 'jstElements'; |
|
|
|
|
|
this.editor.parentNode.insertBefore(this.toolbar,this.editor); |
|
|
|
|
|
|
|
|
|
|
|
// Dragable resizing |
|
|
|
|
|
if (this.editor.addEventListener && navigator.appVersion.match(/\bMSIE\b/)) |
|
|
|
|
|
{ |
|
|
|
|
|
this.handle = document.createElement('div'); |
|
|
|
|
|
this.handle.className = 'jstHandle'; |
|
|
|
|
|
var dragStart = this.resizeDragStart; |
|
|
|
|
|
var This = this; |
|
|
|
|
|
this.handle.addEventListener('mousedown',function(event) { dragStart.call(This,event); },false); |
|
|
|
|
|
// fix memory leak in Firefox (bug #241518) |
|
|
|
|
|
window.addEventListener('unload',function() { |
|
|
|
|
|
var del = This.handle.parentNode.removeChild(This.handle); |
|
|
|
|
|
delete(This.handle); |
|
|
|
|
|
},false); |
|
|
|
|
|
|
|
|
|
|
|
this.editor.parentNode.insertBefore(this.handle,this.editor.nextSibling); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.context = null; |
|
|
|
|
|
this.toolNodes = {}; // lorsque la toolbar est dessinée , cet objet est garni |
|
|
|
|
|
// de raccourcis vers les éléments DOM correspondants aux outils. |
|
|
|
|
|
|
|
|
if (!document.createElement) { return; } |
|
|
|
|
|
|
|
|
|
|
|
if (!textarea) { return; } |
|
|
|
|
|
|
|
|
|
|
|
if ((typeof(document["selection"]) == "undefined") |
|
|
|
|
|
&& (typeof(textarea["setSelectionRange"]) == "undefined")) { |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.textarea = textarea; |
|
|
|
|
|
|
|
|
|
|
|
this.editor = document.createElement('div'); |
|
|
|
|
|
this.editor.className = 'jstEditor'; |
|
|
|
|
|
|
|
|
|
|
|
this.textarea.parentNode.insertBefore(this.editor,this.textarea); |
|
|
|
|
|
this.editor.appendChild(this.textarea); |
|
|
|
|
|
|
|
|
|
|
|
this.toolbar = document.createElement("div"); |
|
|
|
|
|
this.toolbar.className = 'jstElements'; |
|
|
|
|
|
this.editor.parentNode.insertBefore(this.toolbar,this.editor); |
|
|
|
|
|
|
|
|
|
|
|
// Dragable resizing |
|
|
|
|
|
if (this.editor.addEventListener && navigator.appVersion.match(/\bMSIE\b/)) |
|
|
|
|
|
{ |
|
|
|
|
|
this.handle = document.createElement('div'); |
|
|
|
|
|
this.handle.className = 'jstHandle'; |
|
|
|
|
|
var dragStart = this.resizeDragStart; |
|
|
|
|
|
var This = this; |
|
|
|
|
|
this.handle.addEventListener('mousedown',function(event) { dragStart.call(This,event); },false); |
|
|
|
|
|
// fix memory leak in Firefox (bug #241518) |
|
|
|
|
|
window.addEventListener('unload',function() { |
|
|
|
|
|
var del = This.handle.parentNode.removeChild(This.handle); |
|
|
|
|
|
delete(This.handle); |
|
|
|
|
|
},false); |
|
|
|
|
|
|
|
|
|
|
|
this.editor.parentNode.insertBefore(this.handle,this.editor.nextSibling); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.context = null; |
|
|
|
|
|
this.toolNodes = {}; // lorsque la toolbar est dessinée , cet objet est garni |
|
|
|
|
|
// de raccourcis vers les éléments DOM correspondants aux outils. |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function jsButton(title, fn, scope, className) { |
|
|
function jsButton(title, fn, scope, className) { |
|
|
if(typeof jsToolBar.strings == 'undefined') { |
|
|
|
|
|
this.title = title || null; |
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
|
if(typeof jsToolBar.strings == 'undefined') { |
|
|
|
|
|
this.title = title || null; |
|
|
|
|
|
} else { |
|
|
this.title = jsToolBar.strings[title] || title || null; |
|
|
this.title = jsToolBar.strings[title] || title || null; |
|
|
} |
|
|
|
|
|
this.fn = fn || function(){}; |
|
|
|
|
|
this.scope = scope || null; |
|
|
|
|
|
this.className = className || null; |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
this.fn = fn || function(){}; |
|
|
|
|
|
this.scope = scope || null; |
|
|
|
|
|
this.className = className || null; |
|
|
} |
|
|
} |
|
|
jsButton.prototype.draw = function() { |
|
|
jsButton.prototype.draw = function() { |
|
|
if (!this.scope) return null; |
|
|
|
|
|
|
|
|
|
|
|
var button = document.createElement('button'); |
|
|
|
|
|
button.setAttribute('type','button'); |
|
|
|
|
|
button.tabIndex = 200; |
|
|
|
|
|
if (this.className) button.className = this.className; |
|
|
|
|
|
button.title = this.title; |
|
|
|
|
|
var span = document.createElement('span'); |
|
|
|
|
|
span.appendChild(document.createTextNode(this.title)); |
|
|
|
|
|
button.appendChild(span); |
|
|
|
|
|
|
|
|
|
|
|
if (this.icon != undefined) { |
|
|
|
|
|
button.style.backgroundImage = 'url('+this.icon+')'; |
|
|
|
|
|
} |
|
|
|
|
|
if (typeof(this.fn) == 'function') { |
|
|
|
|
|
var This = this; |
|
|
|
|
|
button.onclick = function() { try { This.fn.apply(This.scope, arguments) } catch (e) {} return false; }; |
|
|
|
|
|
} |
|
|
|
|
|
return button; |
|
|
|
|
|
|
|
|
if (!this.scope) return null; |
|
|
|
|
|
|
|
|
|
|
|
var button = document.createElement('button'); |
|
|
|
|
|
button.setAttribute('type','button'); |
|
|
|
|
|
button.tabIndex = 200; |
|
|
|
|
|
if (this.className) button.className = this.className; |
|
|
|
|
|
button.title = this.title; |
|
|
|
|
|
var span = document.createElement('span'); |
|
|
|
|
|
span.appendChild(document.createTextNode(this.title)); |
|
|
|
|
|
button.appendChild(span); |
|
|
|
|
|
|
|
|
|
|
|
if (this.icon != undefined) { |
|
|
|
|
|
button.style.backgroundImage = 'url('+this.icon+')'; |
|
|
|
|
|
} |
|
|
|
|
|
if (typeof(this.fn) == 'function') { |
|
|
|
|
|
var This = this; |
|
|
|
|
|
button.onclick = function() { try { This.fn.apply(This.scope, arguments) } catch (e) {} return false; }; |
|
|
|
|
|
} |
|
|
|
|
|
return button; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function jsSpace(id) { |
|
|
function jsSpace(id) { |
|
|
this.id = id || null; |
|
|
|
|
|
this.width = null; |
|
|
|
|
|
|
|
|
this.id = id || null; |
|
|
|
|
|
this.width = null; |
|
|
} |
|
|
} |
|
|
jsSpace.prototype.draw = function() { |
|
|
jsSpace.prototype.draw = function() { |
|
|
var span = document.createElement('span'); |
|
|
|
|
|
if (this.id) span.id = this.id; |
|
|
|
|
|
span.appendChild(document.createTextNode(String.fromCharCode(160))); |
|
|
|
|
|
span.className = 'jstSpacer'; |
|
|
|
|
|
if (this.width) span.style.marginRight = this.width+'px'; |
|
|
|
|
|
|
|
|
|
|
|
return span; |
|
|
|
|
|
|
|
|
var span = document.createElement('span'); |
|
|
|
|
|
if (this.id) span.id = this.id; |
|
|
|
|
|
span.appendChild(document.createTextNode(String.fromCharCode(160))); |
|
|
|
|
|
span.className = 'jstSpacer'; |
|
|
|
|
|
if (this.width) span.style.marginRight = this.width+'px'; |
|
|
|
|
|
|
|
|
|
|
|
return span; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function jsCombo(title, options, scope, fn, className) { |
|
|
function jsCombo(title, options, scope, fn, className) { |
|
|
this.title = title || null; |
|
|
|
|
|
this.options = options || null; |
|
|
|
|
|
this.scope = scope || null; |
|
|
|
|
|
this.fn = fn || function(){}; |
|
|
|
|
|
this.className = className || null; |
|
|
|
|
|
|
|
|
this.title = title || null; |
|
|
|
|
|
this.options = options || null; |
|
|
|
|
|
this.scope = scope || null; |
|
|
|
|
|
this.fn = fn || function(){}; |
|
|
|
|
|
this.className = className || null; |
|
|
} |
|
|
} |
|
|
jsCombo.prototype.draw = function() { |
|
|
jsCombo.prototype.draw = function() { |
|
|
if (!this.scope || !this.options) return null; |
|
|
|
|
|
|
|
|
|
|
|
var select = document.createElement('select'); |
|
|
|
|
|
if (this.className) select.className = className; |
|
|
|
|
|
select.title = this.title; |
|
|
|
|
|
|
|
|
|
|
|
for (var o in this.options) { |
|
|
|
|
|
//var opt = this.options[o]; |
|
|
|
|
|
var option = document.createElement('option'); |
|
|
|
|
|
option.value = o; |
|
|
|
|
|
option.appendChild(document.createTextNode(this.options[o])); |
|
|
|
|
|
select.appendChild(option); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var This = this; |
|
|
|
|
|
select.onchange = function() { |
|
|
|
|
|
try { |
|
|
|
|
|
This.fn.call(This.scope, this.value); |
|
|
|
|
|
} catch (e) { alert(e); } |
|
|
|
|
|
|
|
|
|
|
|
return false; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return select; |
|
|
|
|
|
|
|
|
if (!this.scope || !this.options) return null; |
|
|
|
|
|
|
|
|
|
|
|
var select = document.createElement('select'); |
|
|
|
|
|
if (this.className) select.className = className; |
|
|
|
|
|
select.title = this.title; |
|
|
|
|
|
|
|
|
|
|
|
for (var o in this.options) { |
|
|
|
|
|
//var opt = this.options[o]; |
|
|
|
|
|
var option = document.createElement('option'); |
|
|
|
|
|
option.value = o; |
|
|
|
|
|
option.appendChild(document.createTextNode(this.options[o])); |
|
|
|
|
|
select.appendChild(option); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var This = this; |
|
|
|
|
|
select.onchange = function() { |
|
|
|
|
|
try { |
|
|
|
|
|
This.fn.call(This.scope, this.value); |
|
|
|
|
|
} catch (e) { alert(e); } |
|
|
|
|
|
|
|
|
|
|
|
return false; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return select; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
jsToolBar.prototype = { |
|
|
jsToolBar.prototype = { |
|
|
base_url: '', |
|
|
|
|
|
mode: 'wiki', |
|
|
|
|
|
elements: {}, |
|
|
|
|
|
help_link: '', |
|
|
|
|
|
|
|
|
|
|
|
getMode: function() { |
|
|
|
|
|
return this.mode; |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
setMode: function(mode) { |
|
|
|
|
|
this.mode = mode || 'wiki'; |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
switchMode: function(mode) { |
|
|
|
|
|
mode = mode || 'wiki'; |
|
|
|
|
|
this.draw(mode); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
setHelpLink: function(link) { |
|
|
|
|
|
this.help_link = link; |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
button: function(toolName) { |
|
|
|
|
|
var tool = this.elements[toolName]; |
|
|
|
|
|
if (typeof tool.fn[this.mode] != 'function') return null; |
|
|
|
|
|
var b = new jsButton(tool.title, tool.fn[this.mode], this, 'jstb_'+toolName); |
|
|
|
|
|
if (tool.icon != undefined) b.icon = tool.icon; |
|
|
|
|
|
return b; |
|
|
|
|
|
}, |
|
|
|
|
|
space: function(toolName) { |
|
|
|
|
|
var tool = new jsSpace(toolName) |
|
|
|
|
|
if (this.elements[toolName].width !== undefined) |
|
|
|
|
|
tool.width = this.elements[toolName].width; |
|
|
|
|
|
return tool; |
|
|
|
|
|
}, |
|
|
|
|
|
combo: function(toolName) { |
|
|
|
|
|
var tool = this.elements[toolName]; |
|
|
|
|
|
var length = tool[this.mode].list.length; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof tool[this.mode].fn != 'function' || length == 0) { |
|
|
|
|
|
return null; |
|
|
|
|
|
} else { |
|
|
|
|
|
var options = {}; |
|
|
|
|
|
for (var i=0; i < length; i++) { |
|
|
|
|
|
var opt = tool[this.mode].list[i]; |
|
|
|
|
|
options[opt] = tool.options[opt]; |
|
|
|
|
|
} |
|
|
|
|
|
return new jsCombo(tool.title, options, this, tool[this.mode].fn); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
draw: function(mode) { |
|
|
|
|
|
this.setMode(mode); |
|
|
|
|
|
|
|
|
|
|
|
// Empty toolbar |
|
|
|
|
|
while (this.toolbar.hasChildNodes()) { |
|
|
|
|
|
this.toolbar.removeChild(this.toolbar.firstChild) |
|
|
|
|
|
} |
|
|
|
|
|
this.toolNodes = {}; // vide les raccourcis DOM/**/ |
|
|
|
|
|
|
|
|
|
|
|
// Draw toolbar elements |
|
|
|
|
|
var b, tool, newTool; |
|
|
|
|
|
|
|
|
|
|
|
for (var i in this.elements) { |
|
|
|
|
|
b = this.elements[i]; |
|
|
|
|
|
|
|
|
|
|
|
var disabled = |
|
|
|
|
|
b.type == undefined || b.type == '' |
|
|
|
|
|
|| (b.disabled != undefined && b.disabled) |
|
|
|
|
|
|| (b.context != undefined && b.context != null && b.context != this.context); |
|
|
|
|
|
|
|
|
|
|
|
if (!disabled && typeof this[b.type] == 'function') { |
|
|
|
|
|
tool = this[b.type](i); |
|
|
|
|
|
if (tool) newTool = tool.draw(); |
|
|
|
|
|
if (newTool) { |
|
|
|
|
|
this.toolNodes[i] = newTool; //mémorise l'accès DOM pour usage éventuel ultérieur |
|
|
|
|
|
this.toolbar.appendChild(newTool); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
singleTag: function(stag,etag) { |
|
|
|
|
|
stag = stag || null; |
|
|
|
|
|
etag = etag || stag; |
|
|
|
|
|
|
|
|
|
|
|
if (!stag || !etag) { return; } |
|
|
|
|
|
|
|
|
|
|
|
this.encloseSelection(stag,etag); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
encloseLineSelection: function(prefix, suffix, fn) { |
|
|
|
|
|
this.textarea.focus(); |
|
|
|
|
|
|
|
|
|
|
|
prefix = prefix || ''; |
|
|
|
|
|
suffix = suffix || ''; |
|
|
|
|
|
|
|
|
|
|
|
var start, end, sel, scrollPos, subst, res; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
sel = document.selection.createRange().text; |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
start = this.textarea.selectionStart; |
|
|
|
|
|
end = this.textarea.selectionEnd; |
|
|
|
|
|
scrollPos = this.textarea.scrollTop; |
|
|
|
|
|
// go to the start of the line |
|
|
|
|
|
start = this.textarea.value.substring(0, start).replace(/[^\r\n]*$/g,'').length; |
|
|
|
|
|
// go to the end of the line |
|
|
|
|
|
end = this.textarea.value.length - this.textarea.value.substring(end, this.textarea.value.length).replace(/^[^\r\n]*/, '').length; |
|
|
|
|
|
sel = this.textarea.value.substring(start, end); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (sel.match(/ $/)) { // exclude ending space char, if any |
|
|
|
|
|
sel = sel.substring(0, sel.length - 1); |
|
|
|
|
|
suffix = suffix + " "; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(fn) == 'function') { |
|
|
|
|
|
res = (sel) ? fn.call(this,sel) : fn(''); |
|
|
|
|
|
} else { |
|
|
|
|
|
res = (sel) ? sel : ''; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
subst = prefix + res + suffix; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
document.selection.createRange().text = subst; |
|
|
|
|
|
var range = this.textarea.createTextRange(); |
|
|
|
|
|
range.collapse(false); |
|
|
|
|
|
range.move('character', -suffix.length); |
|
|
|
|
|
range.select(); |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
this.textarea.value = this.textarea.value.substring(0, start) + subst + |
|
|
|
|
|
this.textarea.value.substring(end); |
|
|
|
|
|
if (sel) { |
|
|
|
|
|
this.textarea.setSelectionRange(start + subst.length, start + subst.length); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.textarea.setSelectionRange(start + prefix.length, start + prefix.length); |
|
|
|
|
|
} |
|
|
|
|
|
this.textarea.scrollTop = scrollPos; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
encloseSelection: function(prefix, suffix, fn) { |
|
|
|
|
|
this.textarea.focus(); |
|
|
|
|
|
|
|
|
|
|
|
prefix = prefix || ''; |
|
|
|
|
|
suffix = suffix || ''; |
|
|
|
|
|
|
|
|
|
|
|
var start, end, sel, scrollPos, subst, res; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
sel = document.selection.createRange().text; |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
start = this.textarea.selectionStart; |
|
|
|
|
|
end = this.textarea.selectionEnd; |
|
|
|
|
|
scrollPos = this.textarea.scrollTop; |
|
|
|
|
|
sel = this.textarea.value.substring(start, end); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (sel.match(/ $/)) { // exclude ending space char, if any |
|
|
|
|
|
sel = sel.substring(0, sel.length - 1); |
|
|
|
|
|
suffix = suffix + " "; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(fn) == 'function') { |
|
|
|
|
|
res = (sel) ? fn.call(this,sel) : fn(''); |
|
|
|
|
|
} else { |
|
|
|
|
|
res = (sel) ? sel : ''; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
subst = prefix + res + suffix; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
document.selection.createRange().text = subst; |
|
|
|
|
|
var range = this.textarea.createTextRange(); |
|
|
|
|
|
range.collapse(false); |
|
|
|
|
|
range.move('character', -suffix.length); |
|
|
|
|
|
range.select(); |
|
|
|
|
|
// this.textarea.caretPos -= suffix.length; |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
this.textarea.value = this.textarea.value.substring(0, start) + subst + |
|
|
|
|
|
this.textarea.value.substring(end); |
|
|
|
|
|
if (sel) { |
|
|
|
|
|
this.textarea.setSelectionRange(start + subst.length, start + subst.length); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.textarea.setSelectionRange(start + prefix.length, start + prefix.length); |
|
|
|
|
|
} |
|
|
|
|
|
this.textarea.scrollTop = scrollPos; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
stripBaseURL: function(url) { |
|
|
|
|
|
if (this.base_url != '') { |
|
|
|
|
|
var pos = url.indexOf(this.base_url); |
|
|
|
|
|
if (pos == 0) { |
|
|
|
|
|
url = url.substr(this.base_url.length); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return url; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
base_url: '', |
|
|
|
|
|
mode: 'wiki', |
|
|
|
|
|
elements: {}, |
|
|
|
|
|
help_link: '', |
|
|
|
|
|
|
|
|
|
|
|
getMode: function() { |
|
|
|
|
|
return this.mode; |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
setMode: function(mode) { |
|
|
|
|
|
this.mode = mode || 'wiki'; |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
switchMode: function(mode) { |
|
|
|
|
|
mode = mode || 'wiki'; |
|
|
|
|
|
this.draw(mode); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
setHelpLink: function(link) { |
|
|
|
|
|
this.help_link = link; |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
button: function(toolName) { |
|
|
|
|
|
var tool = this.elements[toolName]; |
|
|
|
|
|
if (typeof tool.fn[this.mode] != 'function') return null; |
|
|
|
|
|
var b = new jsButton(tool.title, tool.fn[this.mode], this, 'jstb_'+toolName); |
|
|
|
|
|
if (tool.icon != undefined) b.icon = tool.icon; |
|
|
|
|
|
return b; |
|
|
|
|
|
}, |
|
|
|
|
|
space: function(toolName) { |
|
|
|
|
|
var tool = new jsSpace(toolName) |
|
|
|
|
|
if (this.elements[toolName].width !== undefined) |
|
|
|
|
|
tool.width = this.elements[toolName].width; |
|
|
|
|
|
return tool; |
|
|
|
|
|
}, |
|
|
|
|
|
combo: function(toolName) { |
|
|
|
|
|
var tool = this.elements[toolName]; |
|
|
|
|
|
var length = tool[this.mode].list.length; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof tool[this.mode].fn != 'function' || length == 0) { |
|
|
|
|
|
return null; |
|
|
|
|
|
} else { |
|
|
|
|
|
var options = {}; |
|
|
|
|
|
for (var i=0; i < length; i++) { |
|
|
|
|
|
var opt = tool[this.mode].list[i]; |
|
|
|
|
|
options[opt] = tool.options[opt]; |
|
|
|
|
|
} |
|
|
|
|
|
return new jsCombo(tool.title, options, this, tool[this.mode].fn); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
draw: function(mode) { |
|
|
|
|
|
this.setMode(mode); |
|
|
|
|
|
|
|
|
|
|
|
// Empty toolbar |
|
|
|
|
|
while (this.toolbar.hasChildNodes()) { |
|
|
|
|
|
this.toolbar.removeChild(this.toolbar.firstChild) |
|
|
|
|
|
} |
|
|
|
|
|
this.toolNodes = {}; // vide les raccourcis DOM/**/ |
|
|
|
|
|
|
|
|
|
|
|
// Draw toolbar elements |
|
|
|
|
|
var b, tool, newTool; |
|
|
|
|
|
|
|
|
|
|
|
for (var i in this.elements) { |
|
|
|
|
|
b = this.elements[i]; |
|
|
|
|
|
|
|
|
|
|
|
var disabled = |
|
|
|
|
|
b.type == undefined || b.type == '' |
|
|
|
|
|
|| (b.disabled != undefined && b.disabled) |
|
|
|
|
|
|| (b.context != undefined && b.context != null && b.context != this.context); |
|
|
|
|
|
|
|
|
|
|
|
if (!disabled && typeof this[b.type] == 'function') { |
|
|
|
|
|
tool = this[b.type](i); |
|
|
|
|
|
if (tool) newTool = tool.draw(); |
|
|
|
|
|
if (newTool) { |
|
|
|
|
|
this.toolNodes[i] = newTool; //mémorise l'accès DOM pour usage éventuel ultérieur |
|
|
|
|
|
this.toolbar.appendChild(newTool); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
singleTag: function(stag,etag) { |
|
|
|
|
|
stag = stag || null; |
|
|
|
|
|
etag = etag || stag; |
|
|
|
|
|
|
|
|
|
|
|
if (!stag || !etag) { return; } |
|
|
|
|
|
|
|
|
|
|
|
this.encloseSelection(stag,etag); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
encloseLineSelection: function(prefix, suffix, fn) { |
|
|
|
|
|
this.textarea.focus(); |
|
|
|
|
|
|
|
|
|
|
|
prefix = prefix || ''; |
|
|
|
|
|
suffix = suffix || ''; |
|
|
|
|
|
|
|
|
|
|
|
var start, end, sel, scrollPos, subst, res; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
sel = document.selection.createRange().text; |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
start = this.textarea.selectionStart; |
|
|
|
|
|
end = this.textarea.selectionEnd; |
|
|
|
|
|
scrollPos = this.textarea.scrollTop; |
|
|
|
|
|
// go to the start of the line |
|
|
|
|
|
start = this.textarea.value.substring(0, start).replace(/[^\r\n]*$/g,'').length; |
|
|
|
|
|
// go to the end of the line |
|
|
|
|
|
end = this.textarea.value.length - this.textarea.value.substring(end, this.textarea.value.length).replace(/^[^\r\n]*/, '').length; |
|
|
|
|
|
sel = this.textarea.value.substring(start, end); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (sel.match(/ $/)) { // exclude ending space char, if any |
|
|
|
|
|
sel = sel.substring(0, sel.length - 1); |
|
|
|
|
|
suffix = suffix + " "; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(fn) == 'function') { |
|
|
|
|
|
res = (sel) ? fn.call(this,sel) : fn(''); |
|
|
|
|
|
} else { |
|
|
|
|
|
res = (sel) ? sel : ''; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
subst = prefix + res + suffix; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
document.selection.createRange().text = subst; |
|
|
|
|
|
var range = this.textarea.createTextRange(); |
|
|
|
|
|
range.collapse(false); |
|
|
|
|
|
range.move('character', -suffix.length); |
|
|
|
|
|
range.select(); |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
this.textarea.value = this.textarea.value.substring(0, start) + subst + |
|
|
|
|
|
this.textarea.value.substring(end); |
|
|
|
|
|
if (sel) { |
|
|
|
|
|
this.textarea.setSelectionRange(start + subst.length, start + subst.length); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.textarea.setSelectionRange(start + prefix.length, start + prefix.length); |
|
|
|
|
|
} |
|
|
|
|
|
this.textarea.scrollTop = scrollPos; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
encloseSelection: function(prefix, suffix, fn) { |
|
|
|
|
|
this.textarea.focus(); |
|
|
|
|
|
|
|
|
|
|
|
prefix = prefix || ''; |
|
|
|
|
|
suffix = suffix || ''; |
|
|
|
|
|
|
|
|
|
|
|
var start, end, sel, scrollPos, subst, res; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
sel = document.selection.createRange().text; |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
start = this.textarea.selectionStart; |
|
|
|
|
|
end = this.textarea.selectionEnd; |
|
|
|
|
|
scrollPos = this.textarea.scrollTop; |
|
|
|
|
|
sel = this.textarea.value.substring(start, end); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (sel.match(/ $/)) { // exclude ending space char, if any |
|
|
|
|
|
sel = sel.substring(0, sel.length - 1); |
|
|
|
|
|
suffix = suffix + " "; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(fn) == 'function') { |
|
|
|
|
|
res = (sel) ? fn.call(this,sel) : fn(''); |
|
|
|
|
|
} else { |
|
|
|
|
|
res = (sel) ? sel : ''; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
subst = prefix + res + suffix; |
|
|
|
|
|
|
|
|
|
|
|
if (typeof(document["selection"]) != "undefined") { |
|
|
|
|
|
document.selection.createRange().text = subst; |
|
|
|
|
|
var range = this.textarea.createTextRange(); |
|
|
|
|
|
range.collapse(false); |
|
|
|
|
|
range.move('character', -suffix.length); |
|
|
|
|
|
range.select(); |
|
|
|
|
|
// this.textarea.caretPos -= suffix.length; |
|
|
|
|
|
} else if (typeof(this.textarea["setSelectionRange"]) != "undefined") { |
|
|
|
|
|
this.textarea.value = this.textarea.value.substring(0, start) + subst + |
|
|
|
|
|
this.textarea.value.substring(end); |
|
|
|
|
|
if (sel) { |
|
|
|
|
|
this.textarea.setSelectionRange(start + subst.length, start + subst.length); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.textarea.setSelectionRange(start + prefix.length, start + prefix.length); |
|
|
|
|
|
} |
|
|
|
|
|
this.textarea.scrollTop = scrollPos; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
stripBaseURL: function(url) { |
|
|
|
|
|
if (this.base_url != '') { |
|
|
|
|
|
var pos = url.indexOf(this.base_url); |
|
|
|
|
|
if (pos == 0) { |
|
|
|
|
|
url = url.substr(this.base_url.length); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return url; |
|
|
|
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
/** Resizer |
|
|
/** Resizer |
|
|
-------------------------------------------------------- */ |
|
|
-------------------------------------------------------- */ |
|
|
jsToolBar.prototype.resizeSetStartH = function() { |
|
|
jsToolBar.prototype.resizeSetStartH = function() { |
|
|
this.dragStartH = this.textarea.offsetHeight + 0; |
|
|
|
|
|
|
|
|
this.dragStartH = this.textarea.offsetHeight + 0; |
|
|
}; |
|
|
}; |
|
|
jsToolBar.prototype.resizeDragStart = function(event) { |
|
|
jsToolBar.prototype.resizeDragStart = function(event) { |
|
|
var This = this; |
|
|
|
|
|
this.dragStartY = event.clientY; |
|
|
|
|
|
this.resizeSetStartH(); |
|
|
|
|
|
document.addEventListener('mousemove', this.dragMoveHdlr=function(event){This.resizeDragMove(event);}, false); |
|
|
|
|
|
document.addEventListener('mouseup', this.dragStopHdlr=function(event){This.resizeDragStop(event);}, false); |
|
|
|
|
|
|
|
|
var This = this; |
|
|
|
|
|
this.dragStartY = event.clientY; |
|
|
|
|
|
this.resizeSetStartH(); |
|
|
|
|
|
document.addEventListener('mousemove', this.dragMoveHdlr=function(event){This.resizeDragMove(event);}, false); |
|
|
|
|
|
document.addEventListener('mouseup', this.dragStopHdlr=function(event){This.resizeDragStop(event);}, false); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
jsToolBar.prototype.resizeDragMove = function(event) { |
|
|
jsToolBar.prototype.resizeDragMove = function(event) { |
|
|
this.textarea.style.height = (this.dragStartH+event.clientY-this.dragStartY)+'px'; |
|
|
|
|
|
|
|
|
this.textarea.style.height = (this.dragStartH+event.clientY-this.dragStartY)+'px'; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
jsToolBar.prototype.resizeDragStop = function(event) { |
|
|
jsToolBar.prototype.resizeDragStop = function(event) { |
|
|
document.removeEventListener('mousemove', this.dragMoveHdlr, false); |
|
|
|
|
|
document.removeEventListener('mouseup', this.dragStopHdlr, false); |
|
|
|
|
|
|
|
|
document.removeEventListener('mousemove', this.dragMoveHdlr, false); |
|
|
|
|
|
document.removeEventListener('mouseup', this.dragStopHdlr, false); |
|
|
}; |
|
|
}; |