You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
747 lines
22 KiB
747 lines
22 KiB
/* global adminpage, wpActiveEditor, quicktagsL10n, wpLink, prompt */ |
|
/* |
|
* Quicktags |
|
* |
|
* This is the HTML editor in WordPress. It can be attached to any textarea and will |
|
* append a toolbar above it. This script is self-contained (does not require external libraries). |
|
* |
|
* Run quicktags(settings) to initialize it, where settings is an object containing up to 3 properties: |
|
* settings = { |
|
* id : 'my_id', the HTML ID of the textarea, required |
|
* buttons: '' Comma separated list of the names of the default buttons to show. Optional. |
|
* Current list of default button names: 'strong,em,link,block,del,ins,img,ul,ol,li,code,more,close'; |
|
* } |
|
* |
|
* The settings can also be a string quicktags_id. |
|
* |
|
* quicktags_id string The ID of the textarea that will be the editor canvas |
|
* buttons string Comma separated list of the default buttons names that will be shown in that instance. |
|
*/ |
|
|
|
// new edit toolbar used with permission |
|
// by Alex King |
|
// http://www.alexking.org/ |
|
|
|
var QTags, edCanvas, |
|
edButtons = []; |
|
|
|
/* jshint ignore:start */ |
|
|
|
/** |
|
* Back-compat |
|
* |
|
* Define all former global functions so plugins that hack quicktags.js directly don't cause fatal errors. |
|
*/ |
|
var edAddTag = function(){}, |
|
edCheckOpenTags = function(){}, |
|
edCloseAllTags = function(){}, |
|
edInsertImage = function(){}, |
|
edInsertLink = function(){}, |
|
edInsertTag = function(){}, |
|
edLink = function(){}, |
|
edQuickLink = function(){}, |
|
edRemoveTag = function(){}, |
|
edShowButton = function(){}, |
|
edShowLinks = function(){}, |
|
edSpell = function(){}, |
|
edToolbar = function(){}; |
|
|
|
/** |
|
* Initialize new instance of the Quicktags editor |
|
*/ |
|
function quicktags(settings) { |
|
return new QTags(settings); |
|
} |
|
|
|
/** |
|
* Inserts content at the caret in the active editor (textarea) |
|
* |
|
* Added for back compatibility |
|
* @see QTags.insertContent() |
|
*/ |
|
function edInsertContent(bah, txt) { |
|
return QTags.insertContent(txt); |
|
} |
|
|
|
/** |
|
* Adds a button to all instances of the editor |
|
* |
|
* Added for back compatibility, use QTags.addButton() as it gives more flexibility like type of button, button placement, etc. |
|
* @see QTags.addButton() |
|
*/ |
|
function edButton(id, display, tagStart, tagEnd, access) { |
|
return QTags.addButton( id, display, tagStart, tagEnd, access, '', -1 ); |
|
} |
|
|
|
/* jshint ignore:end */ |
|
|
|
(function(){ |
|
// private stuff is prefixed with an underscore |
|
var _domReady = function(func) { |
|
var t, i, DOMContentLoaded, _tryReady; |
|
|
|
if ( typeof jQuery !== 'undefined' ) { |
|
jQuery(document).ready(func); |
|
} else { |
|
t = _domReady; |
|
t.funcs = []; |
|
|
|
t.ready = function() { |
|
if ( ! t.isReady ) { |
|
t.isReady = true; |
|
for ( i = 0; i < t.funcs.length; i++ ) { |
|
t.funcs[i](); |
|
} |
|
} |
|
}; |
|
|
|
if ( t.isReady ) { |
|
func(); |
|
} else { |
|
t.funcs.push(func); |
|
} |
|
|
|
if ( ! t.eventAttached ) { |
|
if ( document.addEventListener ) { |
|
DOMContentLoaded = function(){document.removeEventListener('DOMContentLoaded', DOMContentLoaded, false);t.ready();}; |
|
document.addEventListener('DOMContentLoaded', DOMContentLoaded, false); |
|
window.addEventListener('load', t.ready, false); |
|
} else if ( document.attachEvent ) { |
|
DOMContentLoaded = function(){if (document.readyState === 'complete'){ document.detachEvent('onreadystatechange', DOMContentLoaded);t.ready();}}; |
|
document.attachEvent('onreadystatechange', DOMContentLoaded); |
|
window.attachEvent('onload', t.ready); |
|
|
|
_tryReady = function() { |
|
try { |
|
document.documentElement.doScroll('left'); |
|
} catch(e) { |
|
setTimeout(_tryReady, 50); |
|
return; |
|
} |
|
|
|
t.ready(); |
|
}; |
|
_tryReady(); |
|
} |
|
|
|
t.eventAttached = true; |
|
} |
|
} |
|
}, |
|
|
|
_datetime = (function() { |
|
var now = new Date(), zeroise; |
|
|
|
zeroise = function(number) { |
|
var str = number.toString(); |
|
|
|
if ( str.length < 2 ) { |
|
str = '0' + str; |
|
} |
|
|
|
return str; |
|
}; |
|
|
|
return now.getUTCFullYear() + '-' + |
|
zeroise( now.getUTCMonth() + 1 ) + '-' + |
|
zeroise( now.getUTCDate() ) + 'T' + |
|
zeroise( now.getUTCHours() ) + ':' + |
|
zeroise( now.getUTCMinutes() ) + ':' + |
|
zeroise( now.getUTCSeconds() ) + |
|
'+00:00'; |
|
})(), |
|
qt; |
|
|
|
qt = QTags = function(settings) { |
|
if ( typeof(settings) === 'string' ) { |
|
settings = {id: settings}; |
|
} else if ( typeof(settings) !== 'object' ) { |
|
return false; |
|
} |
|
|
|
var t = this, |
|
id = settings.id, |
|
canvas = document.getElementById(id), |
|
name = 'qt_' + id, |
|
tb, onclick, toolbar_id, wrap, setActiveEditor; |
|
|
|
if ( !id || !canvas ) { |
|
return false; |
|
} |
|
|
|
t.name = name; |
|
t.id = id; |
|
t.canvas = canvas; |
|
t.settings = settings; |
|
|
|
if ( id === 'content' && typeof(adminpage) === 'string' && ( adminpage === 'post-new-php' || adminpage === 'post-php' ) ) { |
|
// back compat hack :-( |
|
edCanvas = canvas; |
|
toolbar_id = 'ed_toolbar'; |
|
} else { |
|
toolbar_id = name + '_toolbar'; |
|
} |
|
|
|
tb = document.getElementById( toolbar_id ); |
|
|
|
if ( ! tb ) { |
|
tb = document.createElement('div'); |
|
tb.id = toolbar_id; |
|
tb.className = 'quicktags-toolbar'; |
|
} |
|
|
|
canvas.parentNode.insertBefore(tb, canvas); |
|
t.toolbar = tb; |
|
|
|
// listen for click events |
|
onclick = function(e) { |
|
e = e || window.event; |
|
var target = e.target || e.srcElement, visible = target.clientWidth || target.offsetWidth, i; |
|
|
|
// don't call the callback on pressing the accesskey when the button is not visible |
|
if ( !visible ) { |
|
return; |
|
} |
|
|
|
// as long as it has the class ed_button, execute the callback |
|
if ( / ed_button /.test(' ' + target.className + ' ') ) { |
|
// we have to reassign canvas here |
|
t.canvas = canvas = document.getElementById(id); |
|
i = target.id.replace(name + '_', ''); |
|
|
|
if ( t.theButtons[i] ) { |
|
t.theButtons[i].callback.call(t.theButtons[i], target, canvas, t); |
|
} |
|
} |
|
}; |
|
|
|
setActiveEditor = function() { |
|
window.wpActiveEditor = id; |
|
}; |
|
|
|
wrap = document.getElementById( 'wp-' + id + '-wrap' ); |
|
|
|
if ( tb.addEventListener ) { |
|
tb.addEventListener( 'click', onclick, false ); |
|
|
|
if ( wrap ) { |
|
wrap.addEventListener( 'click', setActiveEditor, false ); |
|
} |
|
} else if ( tb.attachEvent ) { |
|
tb.attachEvent( 'onclick', onclick ); |
|
|
|
if ( wrap ) { |
|
wrap.attachEvent( 'onclick', setActiveEditor ); |
|
} |
|
} |
|
|
|
t.getButton = function(id) { |
|
return t.theButtons[id]; |
|
}; |
|
|
|
t.getButtonElement = function(id) { |
|
return document.getElementById(name + '_' + id); |
|
}; |
|
|
|
t.init = function() { |
|
_domReady( function(){ qt._buttonsInit( id ); } ); |
|
}; |
|
|
|
t.remove = function() { |
|
delete qt.instances[id]; |
|
|
|
if ( tb && tb.parentNode ) { |
|
tb.parentNode.removeChild( tb ); |
|
} |
|
}; |
|
|
|
qt.instances[id] = t; |
|
t.init(); |
|
}; |
|
|
|
function _escape( text ) { |
|
text = text || ''; |
|
text = text.replace( /&([^#])(?![a-z1-4]{1,8};)/gi, '&$1' ); |
|
return text.replace( /</g, '<' ).replace( />/g, '>' ).replace( /"/g, '"' ).replace( /'/g, ''' ); |
|
} |
|
|
|
qt.instances = {}; |
|
|
|
qt.getInstance = function(id) { |
|
return qt.instances[id]; |
|
}; |
|
|
|
qt._buttonsInit = function( id ) { |
|
var t = this; |
|
|
|
function _init( instanceId ) { |
|
var canvas, name, settings, theButtons, html, ed, id, i, use, |
|
defaults = ',strong,em,link,block,del,ins,img,ul,ol,li,code,more,close,'; |
|
|
|
ed = t.instances[instanceId]; |
|
canvas = ed.canvas; |
|
name = ed.name; |
|
settings = ed.settings; |
|
html = ''; |
|
theButtons = {}; |
|
use = ''; |
|
|
|
// set buttons |
|
if ( settings.buttons ) { |
|
use = ','+settings.buttons+','; |
|
} |
|
|
|
for ( i in edButtons ) { |
|
if ( ! edButtons[i] ) { |
|
continue; |
|
} |
|
|
|
id = edButtons[i].id; |
|
if ( use && defaults.indexOf( ',' + id + ',' ) !== -1 && use.indexOf( ',' + id + ',' ) === -1 ) { |
|
continue; |
|
} |
|
|
|
if ( ! edButtons[i].instance || edButtons[i].instance === instanceId ) { |
|
theButtons[id] = edButtons[i]; |
|
|
|
if ( edButtons[i].html ) { |
|
html += edButtons[i].html( name + '_' ); |
|
} |
|
} |
|
} |
|
|
|
if ( use && use.indexOf(',dfw,') !== -1 ) { |
|
theButtons.dfw = new qt.DFWButton(); |
|
html += theButtons.dfw.html( name + '_' ); |
|
} |
|
|
|
if ( 'rtl' === document.getElementsByTagName( 'html' )[0].dir ) { |
|
theButtons.textdirection = new qt.TextDirectionButton(); |
|
html += theButtons.textdirection.html( name + '_' ); |
|
} |
|
|
|
ed.toolbar.innerHTML = html; |
|
ed.theButtons = theButtons; |
|
|
|
if ( typeof jQuery !== 'undefined' ) { |
|
jQuery( document ).triggerHandler( 'quicktags-init', [ ed ] ); |
|
} |
|
} |
|
|
|
if ( id ) { |
|
_init( id ); |
|
} else { |
|
for ( id in t.instances ) { |
|
_init( id ); |
|
} |
|
} |
|
|
|
t.buttonsInitDone = true; |
|
}; |
|
|
|
/** |
|
* Main API function for adding a button to Quicktags |
|
* |
|
* Adds qt.Button or qt.TagButton depending on the args. The first three args are always required. |
|
* To be able to add button(s) to Quicktags, your script should be enqueued as dependent |
|
* on "quicktags" and outputted in the footer. If you are echoing JS directly from PHP, |
|
* use add_action( 'admin_print_footer_scripts', 'output_my_js', 100 ) or add_action( 'wp_footer', 'output_my_js', 100 ) |
|
* |
|
* Minimum required to add a button that calls an external function: |
|
* QTags.addButton( 'my_id', 'my button', my_callback ); |
|
* function my_callback() { alert('yeah!'); } |
|
* |
|
* Minimum required to add a button that inserts a tag: |
|
* QTags.addButton( 'my_id', 'my button', '<span>', '</span>' ); |
|
* QTags.addButton( 'my_id2', 'my button', '<br />' ); |
|
* |
|
* @param string id Required. Button HTML ID |
|
* @param string display Required. Button's value="..." |
|
* @param string|function arg1 Required. Either a starting tag to be inserted like "<span>" or a callback that is executed when the button is clicked. |
|
* @param string arg2 Optional. Ending tag like "</span>" |
|
* @param string access_key Deprecated Not used |
|
* @param string title Optional. Button's title="..." |
|
* @param int priority Optional. Number representing the desired position of the button in the toolbar. 1 - 9 = first, 11 - 19 = second, 21 - 29 = third, etc. |
|
* @param string instance Optional. Limit the button to a specific instance of Quicktags, add to all instances if not present. |
|
* @param attr object Optional. Used to pass additional attributes. Currently supports `ariaLabel` and `ariaLabelClose` (for "close tag" state) |
|
* @return mixed null or the button object that is needed for back-compat. |
|
*/ |
|
qt.addButton = function( id, display, arg1, arg2, access_key, title, priority, instance, attr ) { |
|
var btn; |
|
|
|
if ( !id || !display ) { |
|
return; |
|
} |
|
|
|
priority = priority || 0; |
|
arg2 = arg2 || ''; |
|
attr = attr || {}; |
|
|
|
if ( typeof(arg1) === 'function' ) { |
|
btn = new qt.Button( id, display, access_key, title, instance, attr ); |
|
btn.callback = arg1; |
|
} else if ( typeof(arg1) === 'string' ) { |
|
btn = new qt.TagButton( id, display, arg1, arg2, access_key, title, instance, attr ); |
|
} else { |
|
return; |
|
} |
|
|
|
if ( priority === -1 ) { // back-compat |
|
return btn; |
|
} |
|
|
|
if ( priority > 0 ) { |
|
while ( typeof(edButtons[priority]) !== 'undefined' ) { |
|
priority++; |
|
} |
|
|
|
edButtons[priority] = btn; |
|
} else { |
|
edButtons[edButtons.length] = btn; |
|
} |
|
|
|
if ( this.buttonsInitDone ) { |
|
this._buttonsInit(); // add the button HTML to all instances toolbars if addButton() was called too late |
|
} |
|
}; |
|
|
|
qt.insertContent = function(content) { |
|
var sel, startPos, endPos, scrollTop, text, canvas = document.getElementById(wpActiveEditor), event; |
|
|
|
if ( !canvas ) { |
|
return false; |
|
} |
|
|
|
if ( document.selection ) { //IE |
|
canvas.focus(); |
|
sel = document.selection.createRange(); |
|
sel.text = content; |
|
canvas.focus(); |
|
} else if ( canvas.selectionStart || canvas.selectionStart === 0 ) { // FF, WebKit, Opera |
|
text = canvas.value; |
|
startPos = canvas.selectionStart; |
|
endPos = canvas.selectionEnd; |
|
scrollTop = canvas.scrollTop; |
|
|
|
canvas.value = text.substring(0, startPos) + content + text.substring(endPos, text.length); |
|
|
|
canvas.selectionStart = startPos + content.length; |
|
canvas.selectionEnd = startPos + content.length; |
|
canvas.scrollTop = scrollTop; |
|
canvas.focus(); |
|
} else { |
|
canvas.value += content; |
|
canvas.focus(); |
|
} |
|
|
|
if ( document.createEvent ) { |
|
event = document.createEvent( 'HTMLEvents' ); |
|
event.initEvent( 'change', false, true ); |
|
canvas.dispatchEvent( event ); |
|
} else if ( canvas.fireEvent ) { |
|
canvas.fireEvent( 'onchange' ); |
|
} |
|
|
|
return true; |
|
}; |
|
|
|
// a plain, dumb button |
|
qt.Button = function( id, display, access, title, instance, attr ) { |
|
this.id = id; |
|
this.display = display; |
|
this.access = ''; |
|
this.title = title || ''; |
|
this.instance = instance || ''; |
|
this.attr = attr || {}; |
|
}; |
|
qt.Button.prototype.html = function(idPrefix) { |
|
var active, on, wp, |
|
title = this.title ? ' title="' + _escape( this.title ) + '"' : '', |
|
ariaLabel = this.attr && this.attr.ariaLabel ? ' aria-label="' + _escape( this.attr.ariaLabel ) + '"' : '', |
|
val = this.display ? ' value="' + _escape( this.display ) + '"' : '', |
|
id = this.id ? ' id="' + _escape( idPrefix + this.id ) + '"' : '', |
|
dfw = ( wp = window.wp ) && wp.editor && wp.editor.dfw; |
|
|
|
if ( this.id === 'fullscreen' ) { |
|
return '<button type="button"' + id + ' class="ed_button qt-dfw qt-fullscreen"' + title + ariaLabel + '></button>'; |
|
} else if ( this.id === 'dfw' ) { |
|
active = dfw && dfw.isActive() ? '' : ' disabled="disabled"'; |
|
on = dfw && dfw.isOn() ? ' active' : ''; |
|
|
|
return '<button type="button"' + id + ' class="ed_button qt-dfw' + on + '"' + title + ariaLabel + active + '></button>'; |
|
} |
|
|
|
return '<input type="button"' + id + ' class="ed_button button button-small"' + title + ariaLabel + val + ' />'; |
|
}; |
|
qt.Button.prototype.callback = function(){}; |
|
|
|
// a button that inserts HTML tag |
|
qt.TagButton = function( id, display, tagStart, tagEnd, access, title, instance, attr ) { |
|
var t = this; |
|
qt.Button.call( t, id, display, access, title, instance, attr ); |
|
t.tagStart = tagStart; |
|
t.tagEnd = tagEnd; |
|
}; |
|
qt.TagButton.prototype = new qt.Button(); |
|
qt.TagButton.prototype.openTag = function( element, ed ) { |
|
if ( ! ed.openTags ) { |
|
ed.openTags = []; |
|
} |
|
|
|
if ( this.tagEnd ) { |
|
ed.openTags.push( this.id ); |
|
element.value = '/' + element.value; |
|
|
|
if ( this.attr.ariaLabelClose ) { |
|
element.setAttribute( 'aria-label', this.attr.ariaLabelClose ); |
|
} |
|
} |
|
}; |
|
qt.TagButton.prototype.closeTag = function( element, ed ) { |
|
var i = this.isOpen(ed); |
|
|
|
if ( i !== false ) { |
|
ed.openTags.splice( i, 1 ); |
|
} |
|
|
|
element.value = this.display; |
|
|
|
if ( this.attr.ariaLabel ) { |
|
element.setAttribute( 'aria-label', this.attr.ariaLabel ); |
|
} |
|
}; |
|
// whether a tag is open or not. Returns false if not open, or current open depth of the tag |
|
qt.TagButton.prototype.isOpen = function (ed) { |
|
var t = this, i = 0, ret = false; |
|
if ( ed.openTags ) { |
|
while ( ret === false && i < ed.openTags.length ) { |
|
ret = ed.openTags[i] === t.id ? i : false; |
|
i ++; |
|
} |
|
} else { |
|
ret = false; |
|
} |
|
return ret; |
|
}; |
|
qt.TagButton.prototype.callback = function(element, canvas, ed) { |
|
var t = this, startPos, endPos, cursorPos, scrollTop, v = canvas.value, l, r, i, sel, endTag = v ? t.tagEnd : '', event; |
|
|
|
if ( document.selection ) { // IE |
|
canvas.focus(); |
|
sel = document.selection.createRange(); |
|
if ( sel.text.length > 0 ) { |
|
if ( !t.tagEnd ) { |
|
sel.text = sel.text + t.tagStart; |
|
} else { |
|
sel.text = t.tagStart + sel.text + endTag; |
|
} |
|
} else { |
|
if ( !t.tagEnd ) { |
|
sel.text = t.tagStart; |
|
} else if ( t.isOpen(ed) === false ) { |
|
sel.text = t.tagStart; |
|
t.openTag(element, ed); |
|
} else { |
|
sel.text = endTag; |
|
t.closeTag(element, ed); |
|
} |
|
} |
|
canvas.focus(); |
|
} else if ( canvas.selectionStart || canvas.selectionStart === 0 ) { // FF, WebKit, Opera |
|
startPos = canvas.selectionStart; |
|
endPos = canvas.selectionEnd; |
|
|
|
if ( startPos < endPos && v.charAt( endPos - 1 ) === '\n' ) { |
|
endPos -= 1; |
|
} |
|
|
|
cursorPos = endPos; |
|
scrollTop = canvas.scrollTop; |
|
l = v.substring(0, startPos); // left of the selection |
|
r = v.substring(endPos, v.length); // right of the selection |
|
i = v.substring(startPos, endPos); // inside the selection |
|
if ( startPos !== endPos ) { |
|
if ( !t.tagEnd ) { |
|
canvas.value = l + i + t.tagStart + r; // insert self closing tags after the selection |
|
cursorPos += t.tagStart.length; |
|
} else { |
|
canvas.value = l + t.tagStart + i + endTag + r; |
|
cursorPos += t.tagStart.length + endTag.length; |
|
} |
|
} else { |
|
if ( !t.tagEnd ) { |
|
canvas.value = l + t.tagStart + r; |
|
cursorPos = startPos + t.tagStart.length; |
|
} else if ( t.isOpen(ed) === false ) { |
|
canvas.value = l + t.tagStart + r; |
|
t.openTag(element, ed); |
|
cursorPos = startPos + t.tagStart.length; |
|
} else { |
|
canvas.value = l + endTag + r; |
|
cursorPos = startPos + endTag.length; |
|
t.closeTag(element, ed); |
|
} |
|
} |
|
|
|
canvas.selectionStart = cursorPos; |
|
canvas.selectionEnd = cursorPos; |
|
canvas.scrollTop = scrollTop; |
|
canvas.focus(); |
|
} else { // other browsers? |
|
if ( !endTag ) { |
|
canvas.value += t.tagStart; |
|
} else if ( t.isOpen(ed) !== false ) { |
|
canvas.value += t.tagStart; |
|
t.openTag(element, ed); |
|
} else { |
|
canvas.value += endTag; |
|
t.closeTag(element, ed); |
|
} |
|
canvas.focus(); |
|
} |
|
|
|
if ( document.createEvent ) { |
|
event = document.createEvent( 'HTMLEvents' ); |
|
event.initEvent( 'change', false, true ); |
|
canvas.dispatchEvent( event ); |
|
} else if ( canvas.fireEvent ) { |
|
canvas.fireEvent( 'onchange' ); |
|
} |
|
}; |
|
|
|
// removed |
|
qt.SpellButton = function() {}; |
|
|
|
// the close tags button |
|
qt.CloseButton = function() { |
|
qt.Button.call( this, 'close', quicktagsL10n.closeTags, '', quicktagsL10n.closeAllOpenTags ); |
|
}; |
|
|
|
qt.CloseButton.prototype = new qt.Button(); |
|
|
|
qt._close = function(e, c, ed) { |
|
var button, element, tbo = ed.openTags; |
|
|
|
if ( tbo ) { |
|
while ( tbo.length > 0 ) { |
|
button = ed.getButton(tbo[tbo.length - 1]); |
|
element = document.getElementById(ed.name + '_' + button.id); |
|
|
|
if ( e ) { |
|
button.callback.call(button, element, c, ed); |
|
} else { |
|
button.closeTag(element, ed); |
|
} |
|
} |
|
} |
|
}; |
|
|
|
qt.CloseButton.prototype.callback = qt._close; |
|
|
|
qt.closeAllTags = function( editor_id ) { |
|
var ed = this.getInstance( editor_id ); |
|
|
|
if ( ed ) { |
|
qt._close( '', ed.canvas, ed ); |
|
} |
|
}; |
|
|
|
// the link button |
|
qt.LinkButton = function() { |
|
var attr = { |
|
ariaLabel: quicktagsL10n.link |
|
}; |
|
|
|
qt.TagButton.call( this, 'link', 'link', '', '</a>', '', '', '', attr ); |
|
}; |
|
qt.LinkButton.prototype = new qt.TagButton(); |
|
qt.LinkButton.prototype.callback = function(e, c, ed, defaultValue) { |
|
var URL, t = this; |
|
|
|
if ( typeof wpLink !== 'undefined' ) { |
|
wpLink.open( ed.id ); |
|
return; |
|
} |
|
|
|
if ( ! defaultValue ) { |
|
defaultValue = 'http://'; |
|
} |
|
|
|
if ( t.isOpen(ed) === false ) { |
|
URL = prompt( quicktagsL10n.enterURL, defaultValue ); |
|
if ( URL ) { |
|
t.tagStart = '<a href="' + URL + '">'; |
|
qt.TagButton.prototype.callback.call(t, e, c, ed); |
|
} |
|
} else { |
|
qt.TagButton.prototype.callback.call(t, e, c, ed); |
|
} |
|
}; |
|
|
|
// the img button |
|
qt.ImgButton = function() { |
|
var attr = { |
|
ariaLabel: quicktagsL10n.image |
|
}; |
|
|
|
qt.TagButton.call( this, 'img', 'img', '', '', '', '', '', attr ); |
|
}; |
|
qt.ImgButton.prototype = new qt.TagButton(); |
|
qt.ImgButton.prototype.callback = function(e, c, ed, defaultValue) { |
|
if ( ! defaultValue ) { |
|
defaultValue = 'http://'; |
|
} |
|
var src = prompt(quicktagsL10n.enterImageURL, defaultValue), alt; |
|
if ( src ) { |
|
alt = prompt(quicktagsL10n.enterImageDescription, ''); |
|
this.tagStart = '<img src="' + src + '" alt="' + alt + '" />'; |
|
qt.TagButton.prototype.callback.call(this, e, c, ed); |
|
} |
|
}; |
|
|
|
qt.DFWButton = function() { |
|
qt.Button.call( this, 'dfw', '', 'f', quicktagsL10n.dfw ); |
|
}; |
|
qt.DFWButton.prototype = new qt.Button(); |
|
qt.DFWButton.prototype.callback = function() { |
|
var wp; |
|
|
|
if ( ! ( wp = window.wp ) || ! wp.editor || ! wp.editor.dfw ) { |
|
return; |
|
} |
|
|
|
window.wp.editor.dfw.toggle(); |
|
}; |
|
|
|
qt.TextDirectionButton = function() { |
|
qt.Button.call( this, 'textdirection', quicktagsL10n.textdirection, '', quicktagsL10n.toggleTextdirection ); |
|
}; |
|
qt.TextDirectionButton.prototype = new qt.Button(); |
|
qt.TextDirectionButton.prototype.callback = function(e, c) { |
|
var isRTL = ( 'rtl' === document.getElementsByTagName('html')[0].dir ), |
|
currentDirection = c.style.direction; |
|
|
|
if ( ! currentDirection ) { |
|
currentDirection = ( isRTL ) ? 'rtl' : 'ltr'; |
|
} |
|
|
|
c.style.direction = ( 'rtl' === currentDirection ) ? 'ltr' : 'rtl'; |
|
c.focus(); |
|
}; |
|
|
|
// ensure backward compatibility |
|
edButtons[10] = new qt.TagButton( 'strong', 'b', '<strong>', '</strong>', '', '', '', { ariaLabel: quicktagsL10n.strong, ariaLabelClose: quicktagsL10n.strongClose } ); |
|
edButtons[20] = new qt.TagButton( 'em', 'i', '<em>', '</em>', '', '', '', { ariaLabel: quicktagsL10n.em, ariaLabelClose: quicktagsL10n.emClose } ); |
|
edButtons[30] = new qt.LinkButton(); // special case |
|
edButtons[40] = new qt.TagButton( 'block', 'b-quote', '\n\n<blockquote>', '</blockquote>\n\n', '', '', '', { ariaLabel: quicktagsL10n.blockquote, ariaLabelClose: quicktagsL10n.blockquoteClose } ); |
|
edButtons[50] = new qt.TagButton( 'del', 'del', '<del datetime="' + _datetime + '">', '</del>', '', '', '', { ariaLabel: quicktagsL10n.del, ariaLabelClose: quicktagsL10n.delClose } ); |
|
edButtons[60] = new qt.TagButton( 'ins', 'ins', '<ins datetime="' + _datetime + '">', '</ins>', '', '', '', { ariaLabel: quicktagsL10n.ins, ariaLabelClose: quicktagsL10n.insClose } ); |
|
edButtons[70] = new qt.ImgButton(); // special case |
|
edButtons[80] = new qt.TagButton( 'ul', 'ul', '<ul>\n', '</ul>\n\n', '', '', '', { ariaLabel: quicktagsL10n.ul, ariaLabelClose: quicktagsL10n.ulClose } ); |
|
edButtons[90] = new qt.TagButton( 'ol', 'ol', '<ol>\n', '</ol>\n\n', '', '', '', { ariaLabel: quicktagsL10n.ol, ariaLabelClose: quicktagsL10n.olClose } ); |
|
edButtons[100] = new qt.TagButton( 'li', 'li', '\t<li>', '</li>\n', '', '', '', { ariaLabel: quicktagsL10n.li, ariaLabelClose: quicktagsL10n.liClose } ); |
|
edButtons[110] = new qt.TagButton( 'code', 'code', '<code>', '</code>', '', '', '', { ariaLabel: quicktagsL10n.code, ariaLabelClose: quicktagsL10n.codeClose } ); |
|
edButtons[120] = new qt.TagButton( 'more', 'more', '<!--more-->\n\n', '', '', '', '', { ariaLabel: quicktagsL10n.more } ); |
|
edButtons[140] = new qt.CloseButton(); |
|
|
|
})();
|
|
|