","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?"| t |
").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
var initThinMan = function(){
thin_man = {
getSubClass: function(sub_class_name,parent_class){
if((typeof(sub_class_name) == 'string') && (sub_class_name != '') && (sub_class_name != 'true')){
var this_class = sub_class_name;
} else {
var this_class = parent_class;
}
return this_class;
},
AjaxSubmission: Class.extend({
init: function(jq_obj,params){
this.jq_obj = jq_obj;
this.params = params;
if(!this.params){ this.params = {}}
this.getTrigger();
this.getTarget();
this.getErrorTarget();
this.progress_color = jq_obj.data('progress-color');
this.progress_target = $(jq_obj.data('progress-target'));
this.custom_progress = typeof(jq_obj.data('custom-progress')) != 'undefined';
if(!this.progress_target){
this.progress_target = this.trigger
}
this.insert_method = this.getInsertMethod();
var ajax_submission = this;
this.ajax_options = {
url: ajax_submission.getAjaxUrl(),
type: ajax_submission.getAjaxType(),
datatype: ajax_submission.getAjaxDataType(),
data: ajax_submission.getData(),
beforeSend: function(jqXHr) { return ajax_submission.ajaxBefore(jqXHr) },
success: function(data,textStatus,jqXHR) { ajax_submission.ajaxSuccess(data,textStatus,jqXHR) },
error: function(jqXHr) { ajax_submission.ajaxError(jqXHr) },
complete: function(jqXHr) { ajax_submission.ajaxComplete(jqXHr) },
processData: ajax_submission.getProcessData()
};
if(!this.sendContentType()){
this.ajax_options.contentType = false
};
if(typeof this.customXHR === 'function'){
this.ajax_options.xhr = this.customXHR
this.ajax_options.thin_man_obj = this;
}
$.ajax(this.ajax_options);
},
getTarget: function(){
var target_selector = this.jq_obj.data('ajax-target');
if(target_selector){
this.target = $(target_selector);
}
},
getErrorTarget: function(){
if($(this.jq_obj.data('error-target')).length > 0){
this.error_target = $(this.jq_obj.data('error-target'));
}else{
this.error_target = $(this.jq_obj.data('ajax-target'));
}
},
getAjaxDataType: function(){
return this.jq_obj.data('return-type') || 'html';
},
getInsertMethod: function(){
return this.jq_obj.data('insert-method') || 'html';
},
getData: function() {
return null;
},
getProcessData: function() {
return true;
},
sendContentType: function() {
return true;
},
insertHtml: function(data) {
if(this.target){
this.target[this.insert_method](data);
this.target.find('input,select,textarea').filter(':visible:enabled:first').each(function(){
if(!$(this).data('date-picker')){
$(this).focus();
}
});
}
},
ajaxSuccess: function(data,textStatus,jqXHR){
if(typeof data === 'string'){
this.insertHtml(data);
} else if(typeof data === 'object') {
if(typeof data.html != 'undefined'){
this.insertHtml(data.html)
} else if(this.target && typeof(this.target.empty) == 'function') {
this.target.empty()
}
if(typeof data.class_triggers != 'undefined'){
$.each(data.class_triggers, function(class_name, params){
try{
klass = eval(class_name);
new klass(params);
} catch(err) {
console.log("Error trying to instantiate class " + class_name + " from ajax response:")
console.log(err)
}
})
}
if(typeof data.function_calls != 'undefined'){
$.each(data.function_calls, function(func_name, params){
try{
func = eval(func_name);
func(params);
} catch(err) {
console.log("Error trying to instantiate function " + func_name + " from ajax response:")
console.log(err)
}
})
}
}
if(this.target){
var ajax_flash = this.target.children().last().data('ajax-flash');
if((jqXHR.status == 200) && ajax_flash){
new thin_man.AjaxFlash('success', ajax_flash.notice,this.target);
}
}
if(this.removeOnSuccess()){
if($(this.removeOnSuccess())){
$(this.removeOnSuccess()).remove();
}
}
if(this.emptyOnSuccess()){
if($(this.emptyOnSuccess())){
$(this.emptyOnSuccess()).empty();
}
}
if ($.contains(document, this.jq_obj[0])) {
this.jq_obj.find('.error').removeClass('error')
this.jq_obj.find('.help-inline').remove()
}
},
ajaxComplete: function(jqXHR) {
this.showTrigger();
if(this.progress_indicator){
this.progress_indicator.stop();
} else {
this.progress_target.remove();
}
try{
var response_data = JSON.parse(jqXHR.responseText)
} catch(err) {
var response_data = {}
// hmmm, the response is not JSON, so there's no flash.
}
if(typeof response_data.flash_message != 'undefined'){
var flash_style = this.httpResponseToFlashStyle(jqXHR.status);
var flash_duration = null;
if(typeof response_data.flash_persist != 'undefined'){
if(response_data.flash_persist){
flash_duration = 'persist'
} else {
flash_duration = 'fade'
}
}
if(this.target){
this.flash = new thin_man.AjaxFlash(flash_style, response_data.flash_message,this.target, flash_duration);
}else{
this.flash = new thin_man.AjaxFlash(flash_style, response_data.flash_message,this.jq_obj, flash_duration);
}
}
if('function' == typeof this.params.on_complete){
this.params.on_complete()
}
},
ajaxBefore: function(jqXHr) {
this.toggleLoading();
if(!this.custom_progress){
this.progress_indicator = new thin_man.AjaxProgress(this.progress_target,this.target,this.progress_color);
}
},
ajaxError: function(jqXHR) {
if(jqXHR.status == 409){
try{
var data = JSON.parse(jqXHR.responseText);
}catch(error){
var data = jqXHR.responseText;
}
if(typeof data === 'string'){
this.error_target.html(data);
} else if(typeof data === 'object') {
if(typeof data.html != 'undefined'){
this.error_target.html(data.html);
} else {
this.error_target.empty();
}
}
}else if(jqXHR.status == 500){
alert('There was an error communicating with the server.')
}
},
getTrigger: function(){},
hideTrigger: function(){},
showTrigger: function(){},
toggleLoading: function() {
if(this.target){
if (this.target.find('[data-loading-visible="false"]').length > 0) {
this.target.find('[data-loading-visible="false"]').hide();
}
if (this.target.find('[data-loading-visible="true"]').length > 0) {
this.target.find('[data-loading-visible="true"]').show();
}
}
},
removeOnSuccess: function(){
return this.jq_obj.data('remove-on-success')
},
emptyOnSuccess: function(){
return this.jq_obj.data('empty-on-success')
},
httpResponseToFlashStyle: function(response_code){
if([403,409,500].indexOf(response_code) > -1){
return 'error'
}
if([200,202].indexOf(response_code) > -1){
return 'success'
}
return 'error'
}
}),
AjaxBrowserPushConnector: Class.extend({
init: function($connector){
this.trigger = $connector.find('button, input[type="submit"]');
if(this.trigger.length < 1){
this.trigger = $connector;
}
this.browser_push_progress_indicator = new thin_man.AjaxProgress(this.trigger,this.trigger,this.progress_color);
$connector.data('browser-push-progress-indicator-object', this.browser_push_progress_indicator);
}
}),
AjaxBrowserPushFlash: Class.extend({
init: function($flash){
this.message = $flash.data('ajax-browser-push-flash')
this.$target = $($flash.data('ajax-browser-push-flash-target'));
this.$target.data('ajax-browser-push-flash',this.message);
}
}),
AjaxProgress: Class.extend({
init: function(target,alt,progress_color){
if(target.length > 0){
this.progress_target = target;
} else if(typeof(alt) != 'undefined' && alt.is(':visible')) {
this.progress_target = alt;
} else {
this.progress_target = $('body');
}
if(!progress_color){
progress_color = 'black';
}
this.progress_container = $('#ajax_progress_container').clone();
uuid = new UUID;
this.progress_container.prop('id', 'thin_man_ajax_progress_' + uuid.value);
this.progress_target.append(this.progress_container);
this.progress_container.css({
display: 'block', visibility: 'visible', position: 'absolute', top: '50%', left: '50%',
'color': progress_color, 'z-index': 1000000,
'-ms-transform': 'translate(-50%, -50%)', /* IE 9 */
'-webkit-transform': 'translate(-50%, -50%)', /* Safari */
'transform': 'translate(-50%, -50%)'
})
},
stop: function(){
this.progress_container.remove();
}
}),
AjaxFlash: Class.extend({
init: function(type,message,elem,duration){
this.flash_container = $('[data-thin-man-flash-template]').clone();
this.flash_container.removeAttr('data-thin-man-flash-template');
this.flash_container.attr('data-thin-man-flash-container');
$('body').append(this.flash_container);
this.flash_container.css({position:'absolute',visibility: 'hidden'});
this.alert_type = type;
this.elem = elem;
var alert_class = 'alert-' + type;
this.flash_container.addClass(alert_class);
this.flash_content = this.flash_container.find('[data-thin-man-flash-content]');
this.flash_content.html(message);
this.flash_container.show();
this.setFadeBehavior(duration);
this.reposition(elem);
},
setFadeBehavior: function(duration){
if(duration){
if('persist' == duration){
this.fade = false
} else {
this.fade = true
}
}else{ //default behavior if persist duration is not sent back with message
if('error' == this.alert_type || 'warning' == this.alert_type || 'info' == this.alert_type){
this.fade = false;
} else {
this.fade = true;
}
}
},
reposition: function(elem){
var this_window = {
top: $(window).scrollTop(),
left: $(window).scrollLeft(),
height: $(window).outerHeight(),
width: $(window).outerWidth()
};
var this_flash = {
height: this.flash_container.outerHeight(),
width: this.flash_container.outerWidth()
}
this_window.vert_middle = (this_window.top + (this_window.height / 2));
this_window.horiz_middle = (this_window.left + (this_window.width / 2));
this_flash.half_height = (this_flash.height / 2);
this_flash.half_width = (this_flash.width / 2);
var new_top = this_window.vert_middle - this_flash.half_height;
var new_left = this_window.horiz_middle - this_flash.half_width;
this.flash_container.css({left: new_left, top: new_top, visibility: 'visible'});
var ajax_flash = this;
if (this.fade) {
setTimeout(function(){ajax_flash.fadeOut()},1618);
}
},
fadeOut: function(){
this.flash_container.fadeOut('slow');
}
}),
AjaxSorter: Class.extend({
init: function($sort_container){
var base_url = $sort_container.data('url');
$sort_container.sortable({
helper: "clone",
tolerance: 'pointer',
stop: function( event, ui) {
new thin_man.AjaxSortSubmission($sort_container);
}
});
$sort_container.disableSelection();
}
})
};
thin_man.AjaxFormSubmission = thin_man.AjaxSubmission.extend({
getAjaxUrl: function(){
return this.jq_obj.attr('action');
},
getAjaxType: function(){
return this.jq_obj.attr('method') || 'POST'
},
getData: function(){
if(this.getAjaxType().toLowerCase() == 'get'){
var data_array = this.jq_obj.serializeArray();
return data_array;
}else{
// need to implement a data-attribute for multiple file fields so we can allow selecting mutliple files at once. example here:
// http://stackoverflow.com/questions/12989442/uploading-multiple-files-using-formdata
return new FormData(this.jq_obj[0]);
}
},
ajaxSuccess: function(data,textStatus,jqXHR){
this._super(data,textStatus,jqXHR)
if(this.resetOnSuccess()){
this.jq_obj[0].reset();
$(this.jq_obj).find('input[type=text],textarea,select').filter(':visible:first').focus();
}
},
resetOnSuccess: function(){
return this.jq_obj.data('reset-on-success')
},
getProcessData: function() {
if(this.getAjaxType().toLowerCase() == 'get'){
return true;
}else{
return false;
}
},
sendContentType: function() {
if(this.getAjaxType().toLowerCase() == 'get'){
return true;
}else{
return false;
}
},
getTrigger: function(){
this.trigger = this.jq_obj.find('button, input[type="submit"]');
},
hideTrigger: function(){
this.trigger.css('visibility','hidden');
},
showTrigger: function(){
this.trigger.css('visibility','visible');
}
}),
thin_man.AjaxLinkSubmission = thin_man.AjaxSubmission.extend({
getAjaxUrl: function(){
return this.jq_obj.attr('href');
},
getData: function(){
var this_data = {authenticity_token: $('[name="csrf-token"]').attr('content')};
if(this.jq_obj.data('form-data')){
$.extend(this_data,this.jq_obj.data('form-data'))
}
return this_data
},
getProcessData: function() {
return true;
},
getAjaxType: function(){
return this.jq_obj.data('ajax-method') || 'GET'
},
getTrigger: function(){
this.trigger = this.jq_obj;
},
hideTrigger: function(){
this.trigger.css('visibility','hidden');
},
showTrigger: function(){
this.trigger.css('visibility','visible');
}
}),
thin_man.AjaxModalOpener = thin_man.AjaxLinkSubmission.extend({
ajaxSuccess: function(data,textStatus,jqXHR) {
this._super(data,textStatus,jqXHR);
$(this.jq_obj.data('ajax-modal')).modal();
}
}),
thin_man.AddALineForm = thin_man.AjaxFormSubmission.extend({
ajaxSuccess: function(data,textStatus,jqXHR) {
this._super(data,textStatus,jqXHR);
$(this.jq_obj.data('container')).empty();
},
ajaxError: function(jqXHR){
this.insert_method = 'html';
this._super(jqXHR);
}
}),
thin_man.EmptyForm = thin_man.AjaxFormSubmission.extend({
ajaxSuccess: function(data,textStatus,jqXHR) {
var clicked_button = $("input[type=submit][clicked=true]")[0];
this._super(data,textStatus,jqXHR);
if ($(clicked_button).data('clone') != true) {
$(this.jq_obj)[0].reset();
};
$(this.jq_obj).find('input[type=text],textarea,select').filter(':visible:first').focus();
$("[data-autocomplete]").trigger("chosen:updated");
},
ajaxError: function(jqXHR){
this.insert_method = 'html';
this._super(jqXHR);
}
}),
thin_man.ModalCloserForm = thin_man.AjaxFormSubmission.extend({
ajaxSuccess: function(data,textStatus,jqXHR) {
this._super(data,textStatus,jqXHR);
$modal = $(this.jq_obj.data('modal-container'));
$modal.modal('hide');
$modal.remove();
},
ajaxError: function(jqXHR){
this._super(jqXHR);
$modal = $(this.jq_obj.data('modal-container'));
$modal.modal();
}
}),
thin_man.ResetOnSubmitForm = thin_man.AjaxFormSubmission.extend({
ajaxSuccess: function(data, textStatus, jqXHR) {
this._super(data, textStatus, jqXHR);
$(this.jq_obj).each(function() {
this.reset();
});
}
}),
thin_man.DeleteLink = thin_man.AjaxSubmission.extend({
ajaxSuccess: function(data,textStatus,jqXHR){
this._super(data,textStatus,jqXHR);
if(this.jq_obj.data('replace-response')){
this.insertHtml(data);
} else {
if(this.target){
this.target.remove();
}
}
},
getAjaxType: function(){
return 'DELETE';
},
getAjaxUrl: function(){
return this.jq_obj.attr('href');
},
getData: function(){
return {authenticity_token: $('[name="csrf-token"]').attr('content')};
},
getProcessData: function() {
return true;
},
ajaxBefore: function(jqXHR){
if(!this.jq_obj.data('no-confirm')){
return confirm("Are you sure you want to delete this?");
}
}
}),
thin_man.ReplaceDelete = thin_man.DeleteLink.extend({
ajaxSuccess: function(data,textStatus,jqXHR){
this.target[this.insert_method](data);
},
ajaxBefore: function(jqXHR){
//noop
}
}),
thin_man.AjaxSortSubmission = thin_man.AjaxLinkSubmission.extend({
init: function($form){
this.sort_field = $form.data('sort-field');
this._super($form);
},
getAjaxUrl: function(){
return this._super() + '?' + 'sort_field=' + this.sort_field + '&' + this.jq_obj.sortable("serialize");
},
getAjaxType: function(){
return 'PUT';
},
ajaxSuccess: function(){
}
});
window.any_time_manager.registerListWithClasses({'sortable' : 'AjaxSorter', 'ajax-link-now' : 'AjaxLinkSubmission'},'thin_man');
window.any_time_manager.registerList(['ajax-link-now'])
window.any_time_manager.load();
$(document).ready(function(){
$(document).on('click','[data-ajax-link],[data-ajax-link-now]',function(e){
e.preventDefault();
var this_class = eval('thin_man.' + thin_man.getSubClass($(this).data('sub-type'),'AjaxLinkSubmission'));
var submission = new this_class($(this));
return false;
});
$(document).on('submit','[data-ajax-form]',function(e){
e.preventDefault();
var this_class = eval('thin_man.' + thin_man.getSubClass($(this).data('sub-type'),'AjaxFormSubmission'));
var submission = new this_class($(this));
return false;
});
$(document).on('click','[data-ajax-delete]',function(e){
e.preventDefault();
var this_class = eval('thin_man.' + thin_man.getSubClass($(this).data('sub-type'),'DeleteLink'));
var deletion = new this_class($(this));
});
$(document).on('click', '[data-change-url]',function(e){
e.preventDefault();
new thin_man.AjaxPushState($(this))
});
$('[data-sortable]').each(function(){
new thin_man.AjaxSorter($(this));
});
});
};
if(typeof Class === "undefined"){
/* Simple JavaScript Inheritance
* By John Resig http://ejohn.org/
* MIT Licensed.
*/
// Inspired by base2 and Prototype
(function(){
var initializing = false, fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/;
// The base Class implementation (does nothing)
this.Class = function(){};
// Create a new Class that inherits from this class
Class.extend = function(prop) {
var _super = this.prototype;
// Instantiate a base class (but only create the instance,
// don't run the init constructor)
initializing = true;
var prototype = new this();
initializing = false;
// Copy the properties over onto the new prototype
for (var name in prop) {
// Check if we're overwriting an existing function
prototype[name] = typeof prop[name] == "function" &&
typeof _super[name] == "function" && fnTest.test(prop[name]) ?
(function(name, fn){
return function() {
var tmp = this._super;
// Add a new ._super() method that is the same method
// but on the super-class
this._super = _super[name];
// The method only need to be bound temporarily, so we
// remove it when we're done executing
var ret = fn.apply(this, arguments);
this._super = tmp;
return ret;
};
})(name, prop[name]) :
prop[name];
}
// The dummy class constructor
function Class() {
// All construction is actually done in the init method
if ( !initializing && this.init )
this.init.apply(this, arguments);
}
// Populate our constructed prototype object
Class.prototype = prototype;
// Enforce the constructor to be what we expect
Class.prototype.constructor = Class;
// And make this class extendable
Class.extend = arguments.callee;
return Class;
};
})();
}
if(typeof UUID == 'undefined'){
var UUID = Class.extend({
init: function(){
this.value = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
return v.toString(16);
});
}
})
}
if(typeof window.any_time_manager === "undefined" && typeof window.loading_any_time_manager === "undefined"){
//Anytime loader, simulates load events for ajax requests
function getSubClass(sub_class_name,parent_class){
if((typeof(sub_class_name) == 'string') && (sub_class_name != '') && (sub_class_name != 'true')){
var this_class = sub_class_name;
} else {
var this_class = parent_class;
}
return this_class;
};
String.prototype.toCapCamel = function(){
camel = this.replace(/[-_]([a-z])/g, function (g) { return g.replace(/[-_]/,'').charAt(0).toUpperCase(); });
return camel.charAt(0).toUpperCase() + camel.slice(1);
};
var AnyTimeManager = Class.extend({
init: function(){
this.loader_array = []
},
register: function(data_attribute,load_method,base_class,namespace){
if(!namespace){namespace = ''}else{namespace= namespace + '.'}
this.loader_array.push({data_attribute: data_attribute, base_class: base_class, load_method: load_method, namespace: namespace});
},
registerList: function(list,namespace){
var anytime_manager = this;
$.each(list,function(){
anytime_manager.register(this + '','instantiate',null,namespace)
})
},
registerListWithClasses: function(list,namespace){
var anytime_manager = this;
$.each(list,function(attr,klass){
anytime_manager.register(attr,'instantiate',klass,namespace)
})
},
registerRunList: function(list){
var anytime_manager = this;
$.each(list,function(attr,method){
anytime_manager.register(attr,method,null)
})
},
instantiate: function(jq_obj, class_name){
if(!jq_obj.data('anytime_loaded')){
jq_obj.data('anytime_loaded',true);
var this_class = eval(class_name);
new this_class(jq_obj);
}
},
run: function (jq_obj, resource, method_name){
if(!jq_obj.data('anytime_run')){
jq_obj.data('anytime_run',true);
resource[method_name](jq_obj);
}
},
load: function(){
var atm = this;
$.each(atm.loader_array,function(){
var data_attribute = this['data_attribute'];
var base_class = this['base_class'];
if(!base_class){
base_class = data_attribute.toCapCamel();
}
var this_method = this['load_method'];
var namespace = this['namespace'];
$('[data-' + data_attribute + ']').each(function(){
if('instantiate' == this_method){
var declared_class = $(this).data('sub-type');
var this_class = getSubClass(declared_class,base_class);
this_class = namespace + this_class;
atm.instantiate($(this),this_class);
}else{
atm.run($(this),base_class,this_method);
}
});
});
}
});
window.any_time_manager = new AnyTimeManager();
$(document).ajaxComplete(function(){
window.any_time_manager.load();
});
$(document).ready(function(){
if(typeof window.any_time_load_functions != 'undefined'){
$.each(window.any_time_load_functions, function(i,func){
func();
});
}
window.any_time_manager.load();
});
// End AnyTime library
}
initThinMan();
var initHooch = function(){
hooch = {
Emptier: Class.extend({
init: function($emptier){
var $target = $($emptier.data('target'));
$emptier.click(function(e){
$target.empty();
})
}
}),
Toggler: Class.extend({
init: function(jq_obj){
this.jq_obj = jq_obj;
this.label = jq_obj.data('toggler');
this.value = jq_obj.val();
this.targets = $('[data-toggle_trigger="' + this.label + '"]');
this.targets.hide();
this.targets.filter('[data-toggle_value="' + this.value + '"]').show();
}
}),
HoverOverflow: Class.extend({
init: function(jq_obj){
this.old_border = jq_obj.css('border-right');
this.old_z_index = jq_obj.css('z-index');
var hoverable = this;
jq_obj.bind('mouseover',function(){
hoverable.jq_obj.css({'overflow':'visible','z-index':'10000','border-right':'1px solid white'});
});
jq_obj.bind('mouseout',function(){
hoverable.jq_obj.css({'overflow':'hidden','z-index':hoverable.old_z_index,'border-right':hoverable.old_border});
});
}
}),
HoverReveal: Class.extend({
init: function($hover_revealer){
var $revealable = $hover_revealer.data('revealable')
$hover_revealer.bind('mouseover',function(){
$revealable.show();
});
$hover_revealer.bind('mouseout',function(){
$revealable.hide();
});
}
}),
HideyButton: Class.extend({
init: function($hidey_button){
$hidey_button.hide();
this.form = $hidey_button.parents('form');
this.$hidey_button = $hidey_button;
this.bindInputs();
},
bindInputs: function(){
this.inputs = this.form.find('input,select,textarea');
var hidey_button = this;
this.cache_input_values();
this.inputs.each(function(){
$(this).bind("propertychange keyup input paste datechange change",function(){
if(hidey_button.form_changed()){
hidey_button.$hidey_button.show();
} else {
hidey_button.$hidey_button.hide();
}
})
});
},
cache_input_values: function(){
this.inputs.each(function(){
if($(this).is(":checkbox")){
$(this).data('oldstate',$(this).is(':checked'));
} else {
$(this).data('oldval',$(this).val());
}
})
},
form_changed: function(){
var changed = false;
this.inputs.each(function(){
if($(this).is(":checkbox")){
if($(this).data('oldstate') != $(this).is(':checked')){
changed = true;
return false;
}
}else{
if($(this).data('oldval') != $(this).val()){
changed = true;
return false;
}
}
})
return changed;
}
}),
Expandable: Class.extend({
init: function($expandable){
var expandable = this;
this.expand_class = $expandable.data('expand-class');
this.collapse_class = $expandable.data('collapse-class');
this.$expandable = $expandable;
$expandable.data('expandable',this);
this.collapsers = []
this.$collapser = $('[data-expand-id="' + $expandable.data('expand-id') + '"][data-collapser]');
if(this.$collapser.length > 0){
this.$collapser.each(function(){
expandable.collapsers.push(new hooch.Collapser($(this),expandable))
})
}
this.$expander = $('[data-expand-id="' + $expandable.data('expand-id') + '"][data-expander]');
this.expanders = []
this.$expander.each(function(){
expandable.expanders.push(new hooch.Expander($(this),expandable))
})
this.initial_state = $expandable.data('expand-state');
if(this.initial_state == 'expanded'){
this.expand();
} else {
this.collapse();
}
},
hide_expanders: function(){
$.each(this.expanders, function(){
this.hide();
})
},
hide_collapsers: function(){
$.each(this.collapsers, function(){
this.hide();
})
},
show_expanders: function(){
$.each(this.expanders, function(){
this.show();
})
},
show_collapsers: function(){
$.each(this.collapsers, function(){
this.show();
})
},
expand: function(){
if(this.collapsers.length > 0){
this.show_collapsers();
}
this.hide_expanders();
if(this.expand_class){
this.$expandable.addClass(this.expand_class)
this.$expandable.removeClass(this.collapse_class)
}else{
this.$expandable.show();
}
this.state = 'expanded'
},
collapse: function(){
if(this.collapsers.length > 0){
this.hide_collapsers();
}
this.show_expanders();
if(this.collapse_class || this.expand_class){
this.$expandable.addClass(this.collapse_class)
this.$expandable.removeClass(this.expand_class)
}else{
this.$expandable.hide();
}
this.state = 'collapsed'
},
toggle: function(){
if(this.state == 'collapsed'){
this.expand();
} else {
this.collapse();
}
}
}),
Expander: Class.extend({
init: function($expander,target){
this.$expander = $expander;
this.target = target;
this.expand_class = $expander.data('expand-class')
this.collapse_class = $expander.data('collapse-class')
if($expander.data('fake-dropdown')){
target.$expandable.on('click',function(){
target.toggle();
})
target.$expandable.on('mouseleave',function(){
target.collapse();
})
}
$expander.bind('click',function(){
target.toggle();
})
},
hide: function(){
if(this.expand_class || this.collapse_class){
if(this.expand_class){
this.$expander.addClass(this.expand_class)
}
if(this.collapse_class){
this.$expander.removeClass(this.collapse_class)
}
} else if(this.target.collapsers.length > 0) {
this.$expander.hide();
}
},
show: function(){
if(this.expand_class || this.collapse_class){
if(this.expand_class){
this.$expander.removeClass(this.expand_class)
}
if(this.collapse_class){
this.$expander.addClass(this.collapse_class)
}
} else if(this.target.collapsers.length > 0) {
this.$expander.show();
}
}
}),
Collapser: Class.extend({
init: function($collapser,target){
this.$collapser = $collapser;
$collapser.bind('click',function(){
target.collapse();
})
},
hide: function(){
this.$collapser.hide();
},
show: function(){
this.$collapser.show();
}
}),
DisableForms: Class.extend({
init: function($disable_container){
$disable_container.find('input, select').each(function(){
$(this).prop('disabled',true);
});
}
}),
Revealer: Class.extend({
init: function($revealer){
var revealer = this;
this.$revealer = $revealer;
this.children_id = this.$revealer.data('revealer-children-id');
this.$all_children = $('[data-revealer_id="' + this.children_id + '"]');
$revealer.bind('change',function(){
revealer.reveal();
});
revealer.reveal();
},
reveal: function(){
var sanitized_value = this.$revealer.val();
this.$children = [];
var revealer = this;
this.$all_children.each(function(){
var triggers = $(this).data('revealer-triggers');
if(triggers){
var revelation_triggers = eval('(' + triggers + ')');
if($.inArray(sanitized_value,revelation_triggers) > -1){
revealer.$children.push($(this));
}
} else {
if(sanitized_value == $(this).data('revealer-trigger')){
revealer.$children.push($(this));
}
}
})
this.hideChildren();
this.revealChosenOnes();
},
hideChildren: function(){
this.$all_children.hide();
},
revealChosenOnes: function(){
$.each(this.$children,function(){ $(this).show(); });
}
}),
TabGroup: Class.extend({
init: function($tab_group){
this.$tab_group = $tab_group;
this.getName();
this.tab_triggers = [];
this.tab_triggers_by_id = {};
this.getTabTriggerClass();
this.createTabs();
this.getConentParent();
this.hideAll();
this.handleDefault();
hooch.TabGroup.addGroup(this);
},
createTabs: function(){
var tab_group = this;
this.$tab_group.find("[data-tab-trigger]").each(function(){
var new_tab = new tab_group.tab_trigger_class($(this),tab_group);
tab_group.tab_triggers.push(new_tab);
tab_group.tab_triggers_by_id[new_tab.tab_id] = new_tab;
})
},
getTabByPushState: function(state_value){
var selected_tab = null;
$.each(this.tab_triggers,function(index,trigger){
if(trigger.push_state == state_value){
selected_tab = trigger;
}
})
return selected_tab;
},
getName: function(){
this.name = this.$tab_group.data('tab-group');
},
getConentParent: function(){
this.$content_parent = this.tab_triggers[0].getParent();
},
handleDefault: function(){
if(this.$tab_group.data('default-tab')){
this.default_tab = this.tab_triggers_by_id[this.$tab_group.data('default-tab')];
this.default_tab.toggleTarget('replace');
}
},
hideAll: function(trigger){
$.each(this.tab_triggers,function(){
this.hideTarget();
})
},
getTabTriggerClass: function(){
this.tab_trigger_class = hooch.TabTrigger;
},
deactivateTabTriggers: function(){
$.each(this.tab_triggers,function(){
this.$tab_trigger.removeClass('active');
})
},
setActiveTab: function(tab_trigger){
if(this.active_tab){
var parent_height = this.$content_parent.height();
this.$content_parent.css({'height': parent_height, 'overflow': 'hidden'});
}
this.hideAll();
this.deactivateTabTriggers();
this.active_tab = tab_trigger;
tab_trigger.revealTarget();
},
resize: function(){
this.$content_parent.css({'height': 'auto', 'overflow': 'visible'});
},
getActiveTab: function(){
return this.active_tab;
}
}),
TabTrigger: Class.extend({
init: function($tab_trigger,tab_group){
this.$tab_trigger = $tab_trigger;
this.tab_group = tab_group;
this.tab_group_name = tab_group.name;
this.tab_id = $tab_trigger.data('tab-target-id');
this.getPushState();
this.getTarget();
var tab_trigger = this;
$tab_trigger.on('click', function(e){
e.preventDefault();
tab_trigger.toggleTarget()
})
},
getTarget: function(){
this.$target = $('[data-tab-id="' + this.tab_id + '"]');
},
getPushState: function(){
if(this.$tab_trigger.data('push-state') != null && this.$tab_trigger.data('push-state') != ""){
this.push_state = this.$tab_trigger.data('push-state')
}
},
toggleTarget: function(state_behavior){
var was_visible = this.$target.is(':visible');
if(!was_visible){
this.tab_group.setActiveTab(this);
this.resize();
var change_history = true;
var history_method = 'pushState'
if('no history' == state_behavior){
change_history = false
} else if('replace' == state_behavior){
history_method = 'replaceState'
}
if (this.push_state && change_history) {
var current_state = new hooch.IhHistoryState(history.state)
current_state.addState(this.tab_group_name, this.push_state);
history[history_method](current_state.state, null, current_state.toUrl());
}
}
},
hideTarget: function(){
this.$target.hide();
},
revealTarget: function(){
this.$target.show();
this.$tab_trigger.addClass('active');
},
getParent: function(){
return this.$target.parent();
},
resize: function(){
this.tab_group.resize();
}
}),
IhHistoryState: Class.extend({
init: function(state){
this.state = jQuery.extend(true, {}, state);
},
toQueryString: function(){
return $.param(this.state)
},
toUrl: function(){
return [location.protocol, '//', location.host, location.pathname, '?', this.toQueryString()].join('');
},
addState: function(key,value){
var new_state = {}
new_state[key] = value
this.state = $.extend(true, this.state, new_state);
}
}),
GoProxy: Class.extend({
init: function($proxy){
this.first_submit = true;
var go_proxy = this;
go_proxy.$proxy = $proxy;
go_proxy.target = go_proxy.getTarget();
go_proxy.prevent_double_submit = $proxy.data('prevent-double-submit')
switch($proxy.get(0).nodeName.toLowerCase()){
case 'input':
switch($proxy.attr('type')){
case 'checkbox':
default:
$proxy.on('change',function(){
go_proxy.doItNow();
})
break;
}
break;
case 'select':
$proxy.on('change',function(){
go_proxy.doItNow();
})
break;
case 'a':
default:
$proxy.on('click',function(e){
e.preventDefault();
go_proxy.doItNow();
return false;
});
break;
}
},
doable: function(){
return(this.first_submit || !this.prevent_double_submit)
}
}),
FieldFiller: Class.extend({
init: function($field_filler){
this.$field_filler = $field_filler
this.value = $field_filler.data('value');
this.target = $($field_filler.data('target'));
var field_filler = this
this.$field_filler.bind('click', function(e){field_filler.fill(e)})
},
fill: function(e){
e.preventDefault();
this.target.val(this.value);
return false;
}
}),
CheckboxProxy: Class.extend({
init: function($proxy){
this.$proxy = $proxy;
this.target = $($proxy.data('target'));
var checkbox_proxy = this;
if(checkbox_proxy.target.prop('checked')){
this.$proxy.html("✓");
}
$proxy.on('click',function(){
if(checkbox_proxy.target.prop('checked')){
checkbox_proxy.uncheck();
}else{
checkbox_proxy.check();
}
})
},
uncheck: function(){
this.target.prop('checked', false);
this.$proxy.html("");
},
check: function(){
this.target.prop('checked', true);
this.$proxy.html("✓");
}
}),
Remover: Class.extend({
init: function($remover){
var $target = $($remover.data('target'));
$remover.click(function(e){
$target.remove();
})
}
}),
Link: Class.extend({
init: function($link){
$link.click(function(){
window.location = $link.attr('href');
})
}
}),
CheckboxHiddenProxy: Class.extend({
init: function($checkbox){
this.checked_value = $checkbox.data('checked-value');
this.unchecked_value = $checkbox.data('unchecked-value');
var target_selector = $checkbox.data('target');
this.target = $(target_selector);
var checkbox = this;
$checkbox.click(function(){
if ($(this).is(':checked')) {
checkbox.target.val(checkbox.checked_value);
} else {
checkbox.target.val(checkbox.unchecked_value);
}
})
}
}),
PreventDoubleSubmit: Class.extend({
init: function($clickable){
this.$clickable = $clickable;
var double_click_preventer = this;
switch($clickable.get(0).nodeName.toLowerCase()){
case 'form':
$clickable.submit(function(e){ double_click_preventer.preventItNow(); });
break;
case 'input':
default:
$clickable.click(function() {
setTimeout(function(){
$clickable.attr("disabled", "disabled");
}, 10);
});
break;
}
},
preventItNow: function(){
this.$clickable.submit(function(e){ e.preventDefault(); return false; });
}
}),
PreventDoubleLinkClick: Class.extend({
init: function($clickable){
$clickable.click(function(e) {
if($clickable.data('clicked')) {
e.preventDefault();
return false;
} else {
$clickable.data('clicked',true);
return true;
}
});
}
}),
ReloadPage: Class.extend({
init: function(reload_page){
window.location.href = reload_page;
}
}),
FakeSelect: Class.extend({
init: function($fake_select){
this.select_display = $fake_select.find('[data-select-display]')
this.real_select = $fake_select.find('input')
var fake_select = this
$fake_select.find('[data-select-value][data-select-name]').each(function(){
new hooch.FakeOption($(this),fake_select)
})
},
select: function(fake_option){
this.select_display.html(fake_option.select_name);
this.real_select.val(fake_option.select_value);
this.select_display.trigger('click');
}
}),
FakeOption: Class.extend({
init: function($fake_option,$fake_select){
this.select_value = $fake_option.data('select-value')
this.select_name = $fake_option.data('select-name')
var fake_option = this
$fake_option.on('click',function(){
$fake_select.select(fake_option)
})
}
}),
Sorter: Class.extend({
init: function($sorter){
this.$sorter = $sorter
$sorter.data('sorter',this)
this.width = $sorter.width()
this.getSortElements()
var sorter = this
$(window).on('mouseup', function(e){
sorter.onMouseup();
});
$(window).on('mousemove', function(e){
sorter.onMousemove(e)
})
var observer = new MutationObserver(function(mutations) {
sorter.handleMutations(mutations)
});
var config = { childList: true, subtree: true };
observer.observe($sorter[0], config);
},
onMousemove: function(e){
if(this.dragging_element){
this.handleMouseMove(e)
} else {
var pressed_element = this.getPressedElement()
if(pressed_element){
pressed_element.setDragging()
this.handleMouseMove(e)
}
}
return true
},
handleMouseMove: function(e){
hooch.pauseEvent(e)
this.dragging_element.dragging = true
this.redrawDraggingElement(e);
this.refreshSequence(e)
return false
},
onMouseup: function(){
if(this.dragging_element){
var tmp_dragging_element = this.dragging_element
this.removeDraggingElement()
if(tmp_dragging_element.dragging){
this.sendSort()
}
tmp_dragging_element.dragging = false
}
var pressed_element = this.getPressedElement()
if(pressed_element){
pressed_element.unSetPressed()
}
},
handleMutations: function(mutations){
var sorter = this;
mutations.forEach(function(mutation) {
if(mutation.addedNodes.length > 0){
var added_node = $(mutation.addedNodes[0])
if((!added_node.attr('id') || !added_node.attr('id').startsWith('thin_man_ajax_progress')) && !added_node.data('hooch-sorter-managed')){
sorter.getSortElements()
}
}
if(mutation.removedNodes.length > 0){
var removed_node = $(mutation.removedNodes[0])
if((!removed_node.attr('id') || !removed_node.attr('id').startsWith('thin_man_ajax_progress')) && !removed_node.data('hooch-sorter-managed')){
sorter.getSortElements()
}
}
});
},
getPressedElement: function(){
var possible_pressed_element = $.grep(this.sort_elements, function(sort_element,i){return sort_element.pressed})
if(possible_pressed_element.length > 0){
return possible_pressed_element[0]
}
return false
},
getSortElements: function(){
this.$sort_elements = this.$sorter.children()
this.sort_elements = []
var sorter = this;
this.$sort_elements.each(function(){
var sort_element = new hooch.SortElement($(this),sorter)
sorter.sort_elements.push(sort_element)
})
if(this.sort_elements.length > 0){
this.row_height = this.sort_elements[0].height;
var elem_widths = this.sort_elements.map(function(sort_element,i,arr){return sort_element.width})
this.min_elem_width = Math.min.apply(null,elem_widths);
this.refreshGrid();
if((this.min_elem_width * 2) <= this.width){
this.mode = 'Grid'
} else {
this.mode = 'Vertical'
}
}
},
refreshGrid: function(){
this.rows = {}
var sorter = this
$.each(this.sort_elements,function(i,sort_element){
if(sort_element != sorter.dragging_element){
this_element = sort_element
} else {
this_element = sort_element.placeholder
}
var elem_top = this_element.getOffset().top;
if(!sorter.rows[elem_top]){
sorter.rows[elem_top] = []
}
sorter.rows[elem_top].push(this_element)
})
this.row_keys = Object.keys(this.rows).map(function(val,i){return parseFloat(val)}).sort(sorter.numberSort)
$.each(this.rows, function(row_key,row){row.sort(sorter.elementHorizontalSort)})
},
redrawDraggingElement: function(e){
this.dragging_element.setPosition(e);
},
refreshSequence: function(){
var target_location = this.dragging_element.getCenter()
var refresh_method = this['refreshSequence' + this.mode]
refresh_method.call(this, target_location)
},
refreshSequenceGrid: function(target_location){
var dragging_element = this.dragging_element
if(!this.withinCurrentRow(target_location.y)){
this.seekCurrentRow(target_location)
}
if('end' == this.current_row_key){
var last_element = this.getLastElement();
if(!last_element.is_placeholder){
last_element.$sort_element.after(dragging_element.placeholder.$sort_element)
this.refreshGrid()
}
} else if('begin' == this.current_row_key){
var first_element = this.getFirstElement();
if(!first_element.is_placeholder){
first_element.$sort_element.before(dragging_element.placeholder.$sort_element)
this.refreshGrid()
}
} else {
var hovered_element = this.getHoveredElementHorizontal(target_location);
if(hovered_element){
if('leftmost' == hovered_element){
var leftmost_element = this.current_row[0]
leftmost_element.$sort_element.before(dragging_element.placeholder.$sort_element)
this.refreshGrid()
} else {
hovered_element.$sort_element.after(dragging_element.placeholder.$sort_element);
this.refreshGrid()
}
}
}
},
refreshSequenceVertical: function(target_location){
var dragging_element = this.dragging_element
var hovered_element = this.getHoveredElementVertical(target_location)
if(hovered_element){
if('first' == hovered_element){
var first_key = this.row_keys[0]
var first_element = this.rows[first_key][0]
first_element.$sort_element.before(dragging_element.placeholder.$sort_element)
this.refreshGrid()
} else {
hovered_element.$sort_element.after(dragging_element.placeholder.$sort_element)
this.refreshGrid()
}
}
},
rowAfter: function(row){
return this.row_keys[this.row_keys.indexOf[row] + 1]
},
elemAfter: function(row, elem){
return row[row.indexOf(elem) + 1]
},
seekCurrentRow: function(target_location){
var sorter = this
var row_key = $.grep(this.row_keys,function(rowY,i){
var nextRowY = sorter.rowAfter(rowY)
var below_top_edge = target_location.y >= rowY
if(nextRowY){
var above_bottom_edge = target_location.y < nextRowY
} else {
var above_bottom_edge = target_location.y < (rowY + sorter.row_height)
}
return (below_top_edge && above_bottom_edge)
})[0]
if(row_key){
this.current_row_key = row_key;
this.current_row = this.rows[row_key];
} else if(target_location.y > this.rows[Math.max.apply(null,this.row_keys)][0].getOffset().top) {
this.current_row_key = 'end';
this.current_row = undefined;
} else {
this.current_row_key = 'begin';
this.current_row = undefined;
}
},
getHoveredElementHorizontal: function(target_location){
var current_element = false;
var sorter = this
current_element = $.grep(this.current_row, function(sort_element,i){
if(!sort_element.is_placeholder){
var elem_center = sort_element.getCenter();
var slot_left = elem_center.x;
var past_left_edge = target_location.x >= slot_left
var next_elem = sorter.elemAfter(sorter.current_row, sort_element)
var before_right_edge
if(next_elem){
if(!next_elem.is_placeholder){
var next_elem_center = next_elem.getCenter();
before_right_edge = target_location.x < next_elem_center.x
}
} else {
before_right_edge = past_left_edge
}
return (past_left_edge && before_right_edge)
}
return false
})[0]
if(current_element){
return current_element
} else {
var first_elem = this.current_row[0]
if(first_elem && !first_elem.is_placeholder && first_elem.getCenter().x > target_location.x){
return 'leftmost'
}
}
},
getHoveredElementVertical: function(target_location){
var sorter = this
current_element_key = $.grep(sorter.row_keys, function(row_key,i){
var this_elem = sorter.rows[row_key][0]
if(!this_elem.is_placeholder){
var elem_center = this_elem.getCenter()
var slot_top = elem_center.y
var below_top_edge = target_location.y >= slot_top
var next_row = sorter.rows[sorter.row_keys[i+1]]
var above_bottom_edge
var next_elem
if(next_row){
next_elem = next_row[0]
if(next_elem && !next_elem.is_placeholder){
var next_elem_center = next_elem.getCenter()
above_bottom_edge = target_location.y < next_elem_center.y
}
}
if(!next_elem){
above_bottom_edge = below_top_edge
}
return(below_top_edge && above_bottom_edge)
}
return false
})[0]
if(current_element_key){
return this.rows[current_element_key][0]
} else {
var first_key = this.row_keys[0]
var first_elem = this.rows[first_key][0]
if(first_elem && !first_elem.is_placeholder && first_elem.getCenter().y > target_location.y){
return 'first'
}
}
},
getLastElement: function(){
var last_row_key = this.row_keys[this.row_keys.length-1]
var last_row = this.rows[last_row_key];
return last_row[last_row.length-1]
},
getFirstElement: function(){
var first_row_key = this.row_keys[0]
var first_row = this.rows[first_row_key]
return first_row[0]
},
elementHorizontalSort: function(a,b){
if(a.getOffset().left < b.getOffset().left){
return -1
}
if(b.getOffset().left < a.getOffset().left){
return 1
}
return 0
},
numberSort: function(a,b){
if(parseInt(a) < parseInt(b)){return -1}
if(parseInt(b) < parseInt(a)){return 1}
return 0
},
withinCurrentRow: function(y_value){
if(this.current_row_key){
var top_edge = this.current_row_key
var bottom_edge = top_edge + this.row_height;
var in_current_row = (top_edge < y_value) && (y_value < bottom_edge)
if(in_current_row){
this.current_row = this.rows[this.current_row_key]
}
return in_current_row
}
return false
},
setDraggingElement: function(sort_element){
this.dragging_element = sort_element;
var current_row = this.rows[this.dragging_element.starting_offset.top]
drag_index = current_row.indexOf(sort_element)
if(drag_index > -1){
current_row.splice(drag_index, 1)
}
current_row.push(this.dragging_element.placeholder)
this.refreshGrid();
},
clearDraggingElement: function(){
if(this.dragging_element){
this.removeDraggingElement()
}
},
removeDraggingElement: function(){
if(this.dragging_element){
var placeholder_row = this.removePlaceholder()
this.rows[placeholder_row].push(this.dragging_element)
this.dragging_element.drop()
this.dragging_element = undefined;
this.refreshGrid();
}
},
sendSort: function(){
$.ajax({
url: this.$sorter.attr('href'),
method: 'PATCH',
data: this.getFormData()
})
},
getFormData: function(){
var id_array = $.map(this.$sorter.children(),function(e,i){return $(e).attr('id')})
var first_id = id_array[0]
var last_underscore_location = first_id.lastIndexOf('_')
var array_name = first_id.slice(0,last_underscore_location)
var form_data = {}
form_data[array_name] = id_array.map(function(id){
return id.slice((last_underscore_location + 1))
})
if(this.$sorter.data('sort-field')){
form_data['sort_field'] = this.$sorter.data('sort-field')
}
var csrf_token = $('[name="csrf-token"]').attr('content')
if(csrf_token){
form_data['authenticity_token'] = csrf_token
}
return form_data
},
removePlaceholder: function(){
var sorter = this
return $.grep(this.row_keys, function(row_key,i){
var placeholder_index = sorter.rows[row_key].indexOf(sorter.dragging_element.placeholder)
if(placeholder_index > -1){
sorter.rows[row_key].slice(placeholder_index,1)
return true
}
return false
})[0]
}
}),
SortElement: Class.extend({
init: function($sort_element,sorter){
this.sorter = sorter;
this.$sort_element = $sort_element;
this.old_position = $sort_element.css('position')
this.starting_width = this.$sort_element[0].style.height
this.starting_height = this.$sort_element[0].style.width
this.starting_top = this.$sort_element[0].style.top
this.starting_left = this.$sort_element[0].style.left
if(typeof(window.getComputedStyle) == 'function'){
var computed_style = window.getComputedStyle(this.$sort_element[0])
this.width = parseInt(computed_style.width)
this.height = parseInt(computed_style.height)
}else{
this.width = this.$sort_element.width()
this.height = this.$sort_element.height()
}
this.dragging = false
this.determineIfSortable();
if(this.sortable){
this.getDragHandle()
this.$sort_element.css({cursor: ''});
this.$drag_handle.css({cursor: 'move'});
var sort_element = this
this.$drag_handle.on('mousedown', $.proxy(sort_element.onMousedown, sort_element))
this.$sort_element.on('dragstart', function(e){hooch.pauseEvent(e); return false})
}
},
determineIfSortable: function(){
if(this.$sort_element.find('[data-sorter]').length > 0){
this.sortable = false
} else {
this.sortable = true
}
},
onMousedown: function(e){
if(1 == e.which){
this.sorter.clearDraggingElement();
this.pressed = true
this.starting_offset = this.getOffset();
this.mouse_start = {top: e.originalEvent.pageY, left: e.originalEvent.pageX}
}
},
unSetPressed: function(){
this.pressed = false
},
getDragHandle: function(){
this.$drag_handle = this.$sort_element.find('[data-drag-handle]')
if(this.$drag_handle.length < 1){
this.$drag_handle = this.$sort_element
}
},
setDragging: function(){
this.sorter.clearDraggingElement();
this.unSetPressed()
this.placeholder = new hooch.SortPlaceholder(this.$sort_element.clone().removeAttr('id').css({width: this.width, height: this.height}).data('hooch-sorter-managed',true),this.sorter)
this.placeholder.css({'visibility': 'hidden'});
// this.placeholder.css({'background-color': 'pink'});
$tmp = $('')
this.$sort_element.before($tmp)
this.$sort_element
.css({position: 'absolute', top: this.starting_offset.top, left: this.starting_offset.left, width: this.width, height: this.height})
.data('hooch-sorter-managed',true)
.appendTo('body')
$tmp.replaceWith(this.placeholder.$sort_element)
this.sorter.setDraggingElement(this);
},
drop: function(){
this.css({position: this.old_position, top: this.starting_top, left: this.starting_left, width: this.starting_width, height: this.starting_height}).data('hooch-sorter-managed',true)
this.placeholder.replaceWith(this.$sort_element);
this.placeholder = undefined
},
getOffset: function(){
return this.$sort_element.offset();
},
setPosition: function(e){
var delta = this.getDelta(e)
var new_position = this.getNewPosition(delta);
this.$sort_element.css(new_position);
},
getDelta: function(e){
return {
top: (e.originalEvent.pageY - this.mouse_start.top),
left: (e.originalEvent.pageX - this.mouse_start.left)
}
},
getNewPosition: function(delta){
return {top: (this.starting_offset.top + delta.top), left: (this.starting_offset.left + delta.left)}
},
getCenter: function(){
var new_offset = this.getOffset()
var newX = new_offset.left
var newY = new_offset.top
var width = this.width
var height = this.height
var centerX = newX + (width / 2)
var centerY = newY + (height / 2)
var center = {x: centerX, y: centerY}
return center
},
clone: function(){
return this.$sort_element.clone();
},
css: function(css_obj){
return this.$sort_element.css(css_obj);
},
replaceWith: function($jq_obj){
this.$sort_element.replaceWith($jq_obj)
}
})
};
hooch.SortPlaceholder = hooch.SortElement.extend({
init: function($sort_element,sorter){
this.sorter = sorter;
this.is_placeholder = true;
this.$sort_element = $sort_element;
this.width = this.$sort_element.width()
this.height = this.$sort_element.height()
}
})
hooch.AjaxExpandable = hooch.Expandable.extend({
expand: function(){
if(!this.ajax_loaded){
this.ajax_loaded = true;
new thin_man.AjaxLinkSubmission(this.$expander);
}
this._super();
}
});
hooch.SelectActionChanger = hooch.FakeSelect.extend({
select: function(fake_option){
var form = this.select_display.parents('form:first');
form.attr('action', fake_option.select_value);
this.select_display.html(fake_option.select_name);
this.select_display.trigger('click');
}
});
hooch.FormFieldRevealer = hooch.Revealer.extend({
init: function($revealer){
this.children_id = $revealer.data('revealer-children-id');
this.$revelation_target = $('[data-revealer-target="' + this.children_id + '"]');
this._super($revealer);
},
hideChildren: function(){
this._super();
this.$form = this.$revealer.parents('form:first')
if(this.$form.length > 0){
this.$form.after(this.$all_children)
}
},
revealChosenOnes: function(){
this.$revelation_target.html(this.$children);
this._super();
}
});
hooch.AjaxTabGroup = hooch.TabGroup.extend({
getTabTriggerClass: function(){
this.tab_trigger_class = hooch.AjaxTabTrigger;
}
});
hooch.AjaxTabTrigger = hooch.TabTrigger.extend({
toggleTarget: function(pop){
var tab_group = this.tab_group;
if(!this.ajax_loaded){
this.ajax_loaded = true;
this.$tab_trigger.data('ajax-target','[data-tab-id="' + this.tab_id + '"]')
new thin_man.AjaxLinkSubmission(this.$tab_trigger,{'on_complete': function(){tab_group.resize()}});
this._super(pop);
} else {
this._super(pop);
tab_group.resize()
}
},
resize: function(){
// noop
}
});
hooch.ClickProxy = hooch.GoProxy.extend({
getTarget: function(){
if(this.$proxy.data('target')){
return $(this.$proxy.data('target'));
} else {
return this.$proxy.siblings('a');
}
},
doItNow: function(){
if(this.doable()) {
if(this.target.data('ajax-target')){
this.target.click();
}else if(this.target.attr('href')){
window.location = this.target.attr('href');
}
this.first_submit = false;
}
}
});
hooch.SubmitProxy = hooch.GoProxy.extend({
getTarget: function(){
if(this.$proxy.data('target')){
return $(this.$proxy.data('target'));
} else {
return this.$proxy.parents('form:first');
}
},
doItNow: function(){
if(this.doable()) {
this.target.submit();
this.first_submit = false;
}
}
});
hooch.TabGroup.addGroup = function(group){
if(!hooch.TabGroup.all_groups){
hooch.TabGroup.all_groups = [];
}
hooch.TabGroup.all_groups.push(group);
};
hooch.TabGroup.find = function(name){
var selected_group = null;
$.each(hooch.TabGroup.all_groups,function(index,group){
if(group.name == name){
selected_group = group;
}
});
return selected_group;
};
hooch.loadClasses = function(){
window.any_time_manager.registerListWithClasses({
'expand-state' : 'Expandable', 'prevent-double-click' : 'PreventDoubleLinkClick'
},'hooch');
window.any_time_manager.registerList(
['hover_overflow','hidey_button','submit-proxy','click-proxy','field-filler','revealer',
'checkbox-hidden-proxy','prevent-double-submit','prevent-double-link-click', 'tab-group',
'hover-reveal', 'emptier', 'remover', 'checkbox-proxy', 'fake-select', 'select-action-changer',
'sorter'],'hooch');
window.any_time_manager.load();
};
hooch.pauseEvent = function(e){
if(e.stopPropagation) e.stopPropagation();
if(e.preventDefault) e.preventDefault();
e.cancelBubble=true;
e.returnValue=false;
}
$(document).ready(function(){
if(typeof window.any_time_manager === "undefined" && typeof window.loading_any_time_manager === "undefined"){
window.loading_any_time_manager = true;
$.getScript("https://cdn.rawgit.com/edraut/anytime_manager/9f710d2280e68ea6156551728cb7e2d537a06ee6/anytime_manager.js",function(){
window.loading_any_time_manager = false
hooch.loadClasses();
});
}else if(typeof window.any_time_manager === "undefined"){
if(typeof window.any_time_load_functions === 'undefined'){
window.any_time_load_functions = []
}
window.any_time_load_functions.push(hooch.loadClasses)
}else{
hooch.loadClasses();
};
$(document).on('change','[data-toggler]',function(){
new hooch.Toggler($(this));
})
$('[data-toggler]').each(function(){
new hooch.Toggler($(this));
})
$('[data-disable_forms]').each(function(){
new hooch.DisableForms($(this));
})
$('[data-link]').each(function(){
new hooch.Link($(this));
})
// Initailizes auto complete for select inputs
$('input,select,textarea').filter(':visible:enabled:first').each(function(){
if(!$(this).data('date-picker')){
$(this).focus();
}
});
});
$(window).bind("popstate", function(e){
var previous_state = new hooch.IhHistoryState(e.originalEvent.state)
$.each(previous_state.state, function(key,value){
var tab_group = hooch.TabGroup.find(key)
if(tab_group){
var tab_trigger = tab_group.getTabByPushState(value)
if(tab_trigger){
tab_trigger.toggleTarget('no history');
}
}
})
});
}
if(typeof Class === "undefined"){
$.getScript('https://rawgit.com/edraut/js_inheritance/a6c1e40986ecb276335b0a0b1792abd01f05ff6c/inheritance.js', function(){
initHooch();
});
}else{
initHooch();
}
;
if (typeof wysihtml5ParserRules === 'undefined') {
var wysihtml5ParserRules = {
classes: {
"wysiwyg-color-gold": 1
},
tags: {
"b": 1,
"strong": { "rename_tag": "b" },
"i": 1,
"h1": 1,
"p": 1,
"span": 1,
"ul": 1,
"li": 1
}
}
}
if (typeof wysihtml5Stylesheets === 'undefined') {
var wysihtml5Stylesheets = []
}
var Select2Trigger = Class.extend({
init: function(jq_obj){
jq_obj.select2({ tags: true });
}
});
var RichTextEditor = Class.extend({
init: function($textarea){
self.$form = $textarea.parents("form");
self.$toolbar = self.$form.find('[data-pulitzer-toolbar]');
self.editor = new wysihtml5.Editor($textarea[0], {
toolbar: self.$toolbar[0],
stylesheets: wysihtml5Stylesheets,
parserRules: wysihtml5ParserRules
});
}
})
$(document).ready(function(){
window.any_time_manager.registerList([ 'select2-trigger', 'rich-text-editor' ]);
window.any_time_manager.load();
});
/*!
* Select2 4.0.0
* https://select2.github.io
*
* Released under the MIT license
* https://github.com/select2/select2/blob/master/LICENSE.md
*/
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
} else if (typeof exports === 'object') {
// Node/CommonJS
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}(function (jQuery) {
// This is needed so we can catch the AMD loader configuration and use it
// The inner file should be wrapped (by `banner.start.js`) in a function that
// returns the AMD loader references.
var S2 =
(function () {
// Restore the Select2 AMD loader so it can be used
// Needed mostly in the language files, where the loader is not inserted
if (jQuery && jQuery.fn && jQuery.fn.select2 && jQuery.fn.select2.amd) {
var S2 = jQuery.fn.select2.amd;
}
var S2;(function () { if (!S2 || !S2.requirejs) {
if (!S2) { S2 = {}; } else { require = S2; }
/**
* @license almond 0.2.9 Copyright (c) 2011-2014, The Dojo Foundation All Rights Reserved.
* Available via the MIT or new BSD license.
* see: http://github.com/jrburke/almond for details
*/
//Going sloppy to avoid 'use strict' string cost, but strict practices should
//be followed.
/*jslint sloppy: true */
/*global setTimeout: false */
var requirejs, require, define;
(function (undef) {
var main, req, makeMap, handlers,
defined = {},
waiting = {},
config = {},
defining = {},
hasOwn = Object.prototype.hasOwnProperty,
aps = [].slice,
jsSuffixRegExp = /\.js$/;
function hasProp(obj, prop) {
return hasOwn.call(obj, prop);
}
/**
* Given a relative module name, like ./something, normalize it to
* a real name that can be mapped to a path.
* @param {String} name the relative name
* @param {String} baseName a real name that the name arg is relative
* to.
* @returns {String} normalized name
*/
function normalize(name, baseName) {
var nameParts, nameSegment, mapValue, foundMap, lastIndex,
foundI, foundStarMap, starI, i, j, part,
baseParts = baseName && baseName.split("/"),
map = config.map,
starMap = (map && map['*']) || {};
//Adjust any relative paths.
if (name && name.charAt(0) === ".") {
//If have a base name, try to normalize against it,
//otherwise, assume it is a top-level require that will
//be relative to baseUrl in the end.
if (baseName) {
//Convert baseName to array, and lop off the last part,
//so that . matches that "directory" and not name of the baseName's
//module. For instance, baseName of "one/two/three", maps to
//"one/two/three.js", but we want the directory, "one/two" for
//this normalization.
baseParts = baseParts.slice(0, baseParts.length - 1);
name = name.split('/');
lastIndex = name.length - 1;
// Node .js allowance:
if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {
name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '');
}
name = baseParts.concat(name);
//start trimDots
for (i = 0; i < name.length; i += 1) {
part = name[i];
if (part === ".") {
name.splice(i, 1);
i -= 1;
} else if (part === "..") {
if (i === 1 && (name[2] === '..' || name[0] === '..')) {
//End of the line. Keep at least one non-dot
//path segment at the front so it can be mapped
//correctly to disk. Otherwise, there is likely
//no path mapping for a path starting with '..'.
//This can still fail, but catches the most reasonable
//uses of ..
break;
} else if (i > 0) {
name.splice(i - 1, 2);
i -= 2;
}
}
}
//end trimDots
name = name.join("/");
} else if (name.indexOf('./') === 0) {
// No baseName, so this is ID is resolved relative
// to baseUrl, pull off the leading dot.
name = name.substring(2);
}
}
//Apply map config if available.
if ((baseParts || starMap) && map) {
nameParts = name.split('/');
for (i = nameParts.length; i > 0; i -= 1) {
nameSegment = nameParts.slice(0, i).join("/");
if (baseParts) {
//Find the longest baseName segment match in the config.
//So, do joins on the biggest to smallest lengths of baseParts.
for (j = baseParts.length; j > 0; j -= 1) {
mapValue = map[baseParts.slice(0, j).join('/')];
//baseName segment has config, find if it has one for
//this name.
if (mapValue) {
mapValue = mapValue[nameSegment];
if (mapValue) {
//Match, update name to the new value.
foundMap = mapValue;
foundI = i;
break;
}
}
}
}
if (foundMap) {
break;
}
//Check for a star map match, but just hold on to it,
//if there is a shorter segment match later in a matching
//config, then favor over this star map.
if (!foundStarMap && starMap && starMap[nameSegment]) {
foundStarMap = starMap[nameSegment];
starI = i;
}
}
if (!foundMap && foundStarMap) {
foundMap = foundStarMap;
foundI = starI;
}
if (foundMap) {
nameParts.splice(0, foundI, foundMap);
name = nameParts.join('/');
}
}
return name;
}
function makeRequire(relName, forceSync) {
return function () {
//A version of a require function that passes a moduleName
//value for items that may need to
//look up paths relative to the moduleName
return req.apply(undef, aps.call(arguments, 0).concat([relName, forceSync]));
};
}
function makeNormalize(relName) {
return function (name) {
return normalize(name, relName);
};
}
function makeLoad(depName) {
return function (value) {
defined[depName] = value;
};
}
function callDep(name) {
if (hasProp(waiting, name)) {
var args = waiting[name];
delete waiting[name];
defining[name] = true;
main.apply(undef, args);
}
if (!hasProp(defined, name) && !hasProp(defining, name)) {
throw new Error('No ' + name);
}
return defined[name];
}
//Turns a plugin!resource to [plugin, resource]
//with the plugin being undefined if the name
//did not have a plugin prefix.
function splitPrefix(name) {
var prefix,
index = name ? name.indexOf('!') : -1;
if (index > -1) {
prefix = name.substring(0, index);
name = name.substring(index + 1, name.length);
}
return [prefix, name];
}
/**
* Makes a name map, normalizing the name, and using a plugin
* for normalization if necessary. Grabs a ref to plugin
* too, as an optimization.
*/
makeMap = function (name, relName) {
var plugin,
parts = splitPrefix(name),
prefix = parts[0];
name = parts[1];
if (prefix) {
prefix = normalize(prefix, relName);
plugin = callDep(prefix);
}
//Normalize according
if (prefix) {
if (plugin && plugin.normalize) {
name = plugin.normalize(name, makeNormalize(relName));
} else {
name = normalize(name, relName);
}
} else {
name = normalize(name, relName);
parts = splitPrefix(name);
prefix = parts[0];
name = parts[1];
if (prefix) {
plugin = callDep(prefix);
}
}
//Using ridiculous property names for space reasons
return {
f: prefix ? prefix + '!' + name : name, //fullName
n: name,
pr: prefix,
p: plugin
};
};
function makeConfig(name) {
return function () {
return (config && config.config && config.config[name]) || {};
};
}
handlers = {
require: function (name) {
return makeRequire(name);
},
exports: function (name) {
var e = defined[name];
if (typeof e !== 'undefined') {
return e;
} else {
return (defined[name] = {});
}
},
module: function (name) {
return {
id: name,
uri: '',
exports: defined[name],
config: makeConfig(name)
};
}
};
main = function (name, deps, callback, relName) {
var cjsModule, depName, ret, map, i,
args = [],
callbackType = typeof callback,
usingExports;
//Use name if no relName
relName = relName || name;
//Call the callback to define the module, if necessary.
if (callbackType === 'undefined' || callbackType === 'function') {
//Pull out the defined dependencies and pass the ordered
//values to the callback.
//Default to [require, exports, module] if no deps
deps = !deps.length && callback.length ? ['require', 'exports', 'module'] : deps;
for (i = 0; i < deps.length; i += 1) {
map = makeMap(deps[i], relName);
depName = map.f;
//Fast path CommonJS standard dependencies.
if (depName === "require") {
args[i] = handlers.require(name);
} else if (depName === "exports") {
//CommonJS module spec 1.1
args[i] = handlers.exports(name);
usingExports = true;
} else if (depName === "module") {
//CommonJS module spec 1.1
cjsModule = args[i] = handlers.module(name);
} else if (hasProp(defined, depName) ||
hasProp(waiting, depName) ||
hasProp(defining, depName)) {
args[i] = callDep(depName);
} else if (map.p) {
map.p.load(map.n, makeRequire(relName, true), makeLoad(depName), {});
args[i] = defined[depName];
} else {
throw new Error(name + ' missing ' + depName);
}
}
ret = callback ? callback.apply(defined[name], args) : undefined;
if (name) {
//If setting exports via "module" is in play,
//favor that over return value and exports. After that,
//favor a non-undefined return value over exports use.
if (cjsModule && cjsModule.exports !== undef &&
cjsModule.exports !== defined[name]) {
defined[name] = cjsModule.exports;
} else if (ret !== undef || !usingExports) {
//Use the return value from the function.
defined[name] = ret;
}
}
} else if (name) {
//May just be an object definition for the module. Only
//worry about defining if have a module name.
defined[name] = callback;
}
};
requirejs = require = req = function (deps, callback, relName, forceSync, alt) {
if (typeof deps === "string") {
if (handlers[deps]) {
//callback in this case is really relName
return handlers[deps](callback);
}
//Just return the module wanted. In this scenario, the
//deps arg is the module name, and second arg (if passed)
//is just the relName.
//Normalize module name, if it contains . or ..
return callDep(makeMap(deps, callback).f);
} else if (!deps.splice) {
//deps is a config object, not an array.
config = deps;
if (config.deps) {
req(config.deps, config.callback);
}
if (!callback) {
return;
}
if (callback.splice) {
//callback is an array, which means it is a dependency list.
//Adjust args if there are dependencies
deps = callback;
callback = relName;
relName = null;
} else {
deps = undef;
}
}
//Support require(['a'])
callback = callback || function () {};
//If relName is a function, it is an errback handler,
//so remove it.
if (typeof relName === 'function') {
relName = forceSync;
forceSync = alt;
}
//Simulate async callback;
if (forceSync) {
main(undef, deps, callback, relName);
} else {
//Using a non-zero value because of concern for what old browsers
//do, and latest browsers "upgrade" to 4 if lower value is used:
//http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#dom-windowtimers-settimeout:
//If want a value immediately, use require('id') instead -- something
//that works in almond on the global level, but not guaranteed and
//unlikely to work in other AMD implementations.
setTimeout(function () {
main(undef, deps, callback, relName);
}, 4);
}
return req;
};
/**
* Just drops the config on the floor, but returns req in case
* the config return value is used.
*/
req.config = function (cfg) {
return req(cfg);
};
/**
* Expose module registry for debugging and tooling
*/
requirejs._defined = defined;
define = function (name, deps, callback) {
//This module may not have dependencies
if (!deps.splice) {
//deps is not an array, so probably means
//an object literal or factory function for
//the value. Adjust args.
callback = deps;
deps = [];
}
if (!hasProp(defined, name) && !hasProp(waiting, name)) {
waiting[name] = [name, deps, callback];
}
};
define.amd = {
jQuery: true
};
}());
S2.requirejs = requirejs;S2.require = require;S2.define = define;
}
}());
S2.define("almond", function(){});
/* global jQuery:false, $:false */
S2.define('jquery',[],function () {
var _$ = jQuery || $;
if (_$ == null && console && console.error) {
console.error(
'Select2: An instance of jQuery or a jQuery-compatible library was not ' +
'found. Make sure that you are including jQuery before Select2 on your ' +
'web page.'
);
}
return _$;
});
S2.define('select2/utils',[
'jquery'
], function ($) {
var Utils = {};
Utils.Extend = function (ChildClass, SuperClass) {
var __hasProp = {}.hasOwnProperty;
function BaseConstructor () {
this.constructor = ChildClass;
}
for (var key in SuperClass) {
if (__hasProp.call(SuperClass, key)) {
ChildClass[key] = SuperClass[key];
}
}
BaseConstructor.prototype = SuperClass.prototype;
ChildClass.prototype = new BaseConstructor();
ChildClass.__super__ = SuperClass.prototype;
return ChildClass;
};
function getMethods (theClass) {
var proto = theClass.prototype;
var methods = [];
for (var methodName in proto) {
var m = proto[methodName];
if (typeof m !== 'function') {
continue;
}
if (methodName === 'constructor') {
continue;
}
methods.push(methodName);
}
return methods;
}
Utils.Decorate = function (SuperClass, DecoratorClass) {
var decoratedMethods = getMethods(DecoratorClass);
var superMethods = getMethods(SuperClass);
function DecoratedClass () {
var unshift = Array.prototype.unshift;
var argCount = DecoratorClass.prototype.constructor.length;
var calledConstructor = SuperClass.prototype.constructor;
if (argCount > 0) {
unshift.call(arguments, SuperClass.prototype.constructor);
calledConstructor = DecoratorClass.prototype.constructor;
}
calledConstructor.apply(this, arguments);
}
DecoratorClass.displayName = SuperClass.displayName;
function ctr () {
this.constructor = DecoratedClass;
}
DecoratedClass.prototype = new ctr();
for (var m = 0; m < superMethods.length; m++) {
var superMethod = superMethods[m];
DecoratedClass.prototype[superMethod] =
SuperClass.prototype[superMethod];
}
var calledMethod = function (methodName) {
// Stub out the original method if it's not decorating an actual method
var originalMethod = function () {};
if (methodName in DecoratedClass.prototype) {
originalMethod = DecoratedClass.prototype[methodName];
}
var decoratedMethod = DecoratorClass.prototype[methodName];
return function () {
var unshift = Array.prototype.unshift;
unshift.call(arguments, originalMethod);
return decoratedMethod.apply(this, arguments);
};
};
for (var d = 0; d < decoratedMethods.length; d++) {
var decoratedMethod = decoratedMethods[d];
DecoratedClass.prototype[decoratedMethod] = calledMethod(decoratedMethod);
}
return DecoratedClass;
};
var Observable = function () {
this.listeners = {};
};
Observable.prototype.on = function (event, callback) {
this.listeners = this.listeners || {};
if (event in this.listeners) {
this.listeners[event].push(callback);
} else {
this.listeners[event] = [callback];
}
};
Observable.prototype.trigger = function (event) {
var slice = Array.prototype.slice;
this.listeners = this.listeners || {};
if (event in this.listeners) {
this.invoke(this.listeners[event], slice.call(arguments, 1));
}
if ('*' in this.listeners) {
this.invoke(this.listeners['*'], arguments);
}
};
Observable.prototype.invoke = function (listeners, params) {
for (var i = 0, len = listeners.length; i < len; i++) {
listeners[i].apply(this, params);
}
};
Utils.Observable = Observable;
Utils.generateChars = function (length) {
var chars = '';
for (var i = 0; i < length; i++) {
var randomChar = Math.floor(Math.random() * 36);
chars += randomChar.toString(36);
}
return chars;
};
Utils.bind = function (func, context) {
return function () {
func.apply(context, arguments);
};
};
Utils._convertData = function (data) {
for (var originalKey in data) {
var keys = originalKey.split('-');
var dataLevel = data;
if (keys.length === 1) {
continue;
}
for (var k = 0; k < keys.length; k++) {
var key = keys[k];
// Lowercase the first letter
// By default, dash-separated becomes camelCase
key = key.substring(0, 1).toLowerCase() + key.substring(1);
if (!(key in dataLevel)) {
dataLevel[key] = {};
}
if (k == keys.length - 1) {
dataLevel[key] = data[originalKey];
}
dataLevel = dataLevel[key];
}
delete data[originalKey];
}
return data;
};
Utils.hasScroll = function (index, el) {
// Adapted from the function created by @ShadowScripter
// and adapted by @BillBarry on the Stack Exchange Code Review website.
// The original code can be found at
// http://codereview.stackexchange.com/q/13338
// and was designed to be used with the Sizzle selector engine.
var $el = $(el);
var overflowX = el.style.overflowX;
var overflowY = el.style.overflowY;
//Check both x and y declarations
if (overflowX === overflowY &&
(overflowY === 'hidden' || overflowY === 'visible')) {
return false;
}
if (overflowX === 'scroll' || overflowY === 'scroll') {
return true;
}
return ($el.innerHeight() < el.scrollHeight ||
$el.innerWidth() < el.scrollWidth);
};
Utils.escapeMarkup = function (markup) {
var replaceMap = {
'\\': '\',
'&': '&',
'<': '<',
'>': '>',
'"': '"',
'\'': ''',
'/': '/'
};
// Do not try to escape the markup if it's not a string
if (typeof markup !== 'string') {
return markup;
}
return String(markup).replace(/[&<>"'\/\\]/g, function (match) {
return replaceMap[match];
});
};
// Append an array of jQuery nodes to a given element.
Utils.appendMany = function ($element, $nodes) {
// jQuery 1.7.x does not support $.fn.append() with an array
// Fall back to a jQuery object collection using $.fn.add()
if ($.fn.jquery.substr(0, 3) === '1.7') {
var $jqNodes = $();
$.map($nodes, function (node) {
$jqNodes = $jqNodes.add(node);
});
$nodes = $jqNodes;
}
$element.append($nodes);
};
return Utils;
});
S2.define('select2/results',[
'jquery',
'./utils'
], function ($, Utils) {
function Results ($element, options, dataAdapter) {
this.$element = $element;
this.data = dataAdapter;
this.options = options;
Results.__super__.constructor.call(this);
}
Utils.Extend(Results, Utils.Observable);
Results.prototype.render = function () {
var $results = $(
''
);
if (this.options.get('multiple')) {
$results.attr('aria-multiselectable', 'true');
}
this.$results = $results;
return $results;
};
Results.prototype.clear = function () {
this.$results.empty();
};
Results.prototype.displayMessage = function (params) {
var escapeMarkup = this.options.get('escapeMarkup');
this.clear();
this.hideLoading();
var $message = $(
''
);
var message = this.options.get('translations').get(params.message);
$message.append(
escapeMarkup(
message(params.args)
)
);
this.$results.append($message);
};
Results.prototype.append = function (data) {
this.hideLoading();
var $options = [];
if (data.results == null || data.results.length === 0) {
if (this.$results.children().length === 0) {
this.trigger('results:message', {
message: 'noResults'
});
}
return;
}
data.results = this.sort(data.results);
for (var d = 0; d < data.results.length; d++) {
var item = data.results[d];
var $option = this.option(item);
$options.push($option);
}
this.$results.append($options);
};
Results.prototype.position = function ($results, $dropdown) {
var $resultsContainer = $dropdown.find('.select2-results');
$resultsContainer.append($results);
};
Results.prototype.sort = function (data) {
var sorter = this.options.get('sorter');
return sorter(data);
};
Results.prototype.setClasses = function () {
var self = this;
this.data.current(function (selected) {
var selectedIds = $.map(selected, function (s) {
return s.id.toString();
});
var $options = self.$results
.find('.select2-results__option[aria-selected]');
$options.each(function () {
var $option = $(this);
var item = $.data(this, 'data');
// id needs to be converted to a string when comparing
var id = '' + item.id;
if ((item.element != null && item.element.selected) ||
(item.element == null && $.inArray(id, selectedIds) > -1)) {
$option.attr('aria-selected', 'true');
} else {
$option.attr('aria-selected', 'false');
}
});
var $selected = $options.filter('[aria-selected=true]');
// Check if there are any selected options
if ($selected.length > 0) {
// If there are selected options, highlight the first
$selected.first().trigger('mouseenter');
} else {
// If there are no selected options, highlight the first option
// in the dropdown
$options.first().trigger('mouseenter');
}
});
};
Results.prototype.showLoading = function (params) {
this.hideLoading();
var loadingMore = this.options.get('translations').get('searching');
var loading = {
disabled: true,
loading: true,
text: loadingMore(params)
};
var $loading = this.option(loading);
$loading.className += ' loading-results';
this.$results.prepend($loading);
};
Results.prototype.hideLoading = function () {
this.$results.find('.loading-results').remove();
};
Results.prototype.option = function (data) {
var option = document.createElement('li');
option.className = 'select2-results__option';
var attrs = {
'role': 'treeitem',
'aria-selected': 'false'
};
if (data.disabled) {
delete attrs['aria-selected'];
attrs['aria-disabled'] = 'true';
}
if (data.id == null) {
delete attrs['aria-selected'];
}
if (data._resultId != null) {
option.id = data._resultId;
}
if (data.title) {
option.title = data.title;
}
if (data.children) {
attrs.role = 'group';
attrs['aria-label'] = data.text;
delete attrs['aria-selected'];
}
for (var attr in attrs) {
var val = attrs[attr];
option.setAttribute(attr, val);
}
if (data.children) {
var $option = $(option);
var label = document.createElement('strong');
label.className = 'select2-results__group';
var $label = $(label);
this.template(data, label);
var $children = [];
for (var c = 0; c < data.children.length; c++) {
var child = data.children[c];
var $child = this.option(child);
$children.push($child);
}
var $childrenContainer = $('' +
'' +
'×' +
'' +
' '
);
return $container;
};
MultipleSelection.prototype.update = function (data) {
this.clear();
if (data.length === 0) {
return;
}
var $selections = [];
for (var d = 0; d < data.length; d++) {
var selection = data[d];
var formatted = this.display(selection);
var $selection = this.selectionContainer();
$selection.append(formatted);
$selection.prop('title', selection.title || selection.text);
$selection.data('data', selection);
$selections.push($selection);
}
var $rendered = this.$selection.find('.select2-selection__rendered');
Utils.appendMany($rendered, $selections);
};
return MultipleSelection;
});
S2.define('select2/selection/placeholder',[
'../utils'
], function (Utils) {
function Placeholder (decorated, $element, options) {
this.placeholder = this.normalizePlaceholder(options.get('placeholder'));
decorated.call(this, $element, options);
}
Placeholder.prototype.normalizePlaceholder = function (_, placeholder) {
if (typeof placeholder === 'string') {
placeholder = {
id: '',
text: placeholder
};
}
return placeholder;
};
Placeholder.prototype.createPlaceholder = function (decorated, placeholder) {
var $placeholder = this.selectionContainer();
$placeholder.html(this.display(placeholder));
$placeholder.addClass('select2-selection__placeholder')
.removeClass('select2-selection__choice');
return $placeholder;
};
Placeholder.prototype.update = function (decorated, data) {
var singlePlaceholder = (
data.length == 1 && data[0].id != this.placeholder.id
);
var multipleSelections = data.length > 1;
if (multipleSelections || singlePlaceholder) {
return decorated.call(this, data);
}
this.clear();
var $placeholder = this.createPlaceholder(this.placeholder);
this.$selection.find('.select2-selection__rendered').append($placeholder);
};
return Placeholder;
});
S2.define('select2/selection/allowClear',[
'jquery',
'../keys'
], function ($, KEYS) {
function AllowClear () { }
AllowClear.prototype.bind = function (decorated, container, $container) {
var self = this;
decorated.call(this, container, $container);
if (this.placeholder == null) {
if (this.options.get('debug') && window.console && console.error) {
console.error(
'Select2: The `allowClear` option should be used in combination ' +
'with the `placeholder` option.'
);
}
}
this.$selection.on('mousedown', '.select2-selection__clear',
function (evt) {
self._handleClear(evt);
});
container.on('keypress', function (evt) {
self._handleKeyboardClear(evt, container);
});
};
AllowClear.prototype._handleClear = function (_, evt) {
// Ignore the event if it is disabled
if (this.options.get('disabled')) {
return;
}
var $clear = this.$selection.find('.select2-selection__clear');
// Ignore the event if nothing has been selected
if ($clear.length === 0) {
return;
}
evt.stopPropagation();
var data = $clear.data('data');
for (var d = 0; d < data.length; d++) {
var unselectData = {
data: data[d]
};
// Trigger the `unselect` event, so people can prevent it from being
// cleared.
this.trigger('unselect', unselectData);
// If the event was prevented, don't clear it out.
if (unselectData.prevented) {
return;
}
}
this.$element.val(this.placeholder.id).trigger('change');
this.trigger('toggle');
};
AllowClear.prototype._handleKeyboardClear = function (_, evt, container) {
if (container.isOpen()) {
return;
}
if (evt.which == KEYS.DELETE || evt.which == KEYS.BACKSPACE) {
this._handleClear(evt);
}
};
AllowClear.prototype.update = function (decorated, data) {
decorated.call(this, data);
if (this.$selection.find('.select2-selection__placeholder').length > 0 ||
data.length === 0) {
return;
}
var $remove = $(
'' +
'×' +
''
);
$remove.data('data', data);
this.$selection.find('.select2-selection__rendered').prepend($remove);
};
return AllowClear;
});
S2.define('select2/selection/search',[
'jquery',
'../utils',
'../keys'
], function ($, Utils, KEYS) {
function Search (decorated, $element, options) {
decorated.call(this, $element, options);
}
Search.prototype.render = function (decorated) {
var $search = $(
'' +
'' +
' '
);
this.$searchContainer = $search;
this.$search = $search.find('input');
var $rendered = decorated.call(this);
return $rendered;
};
Search.prototype.bind = function (decorated, container, $container) {
var self = this;
decorated.call(this, container, $container);
container.on('open', function () {
self.$search.attr('tabindex', 0);
self.$search.focus();
});
container.on('close', function () {
self.$search.attr('tabindex', -1);
self.$search.val('');
self.$search.focus();
});
container.on('enable', function () {
self.$search.prop('disabled', false);
});
container.on('disable', function () {
self.$search.prop('disabled', true);
});
this.$selection.on('focusin', '.select2-search--inline', function (evt) {
self.trigger('focus', evt);
});
this.$selection.on('focusout', '.select2-search--inline', function (evt) {
self.trigger('blur', evt);
});
this.$selection.on('keydown', '.select2-search--inline', function (evt) {
evt.stopPropagation();
self.trigger('keypress', evt);
self._keyUpPrevented = evt.isDefaultPrevented();
var key = evt.which;
if (key === KEYS.BACKSPACE && self.$search.val() === '') {
var $previousChoice = self.$searchContainer
.prev('.select2-selection__choice');
if ($previousChoice.length > 0) {
var item = $previousChoice.data('data');
self.searchRemoveChoice(item);
evt.preventDefault();
}
}
});
// Workaround for browsers which do not support the `input` event
// This will prevent double-triggering of events for browsers which support
// both the `keyup` and `input` events.
this.$selection.on('input', '.select2-search--inline', function (evt) {
// Unbind the duplicated `keyup` event
self.$selection.off('keyup.search');
});
this.$selection.on('keyup.search input', '.select2-search--inline',
function (evt) {
self.handleSearch(evt);
});
};
Search.prototype.createPlaceholder = function (decorated, placeholder) {
this.$search.attr('placeholder', placeholder.text);
};
Search.prototype.update = function (decorated, data) {
this.$search.attr('placeholder', '');
decorated.call(this, data);
this.$selection.find('.select2-selection__rendered')
.append(this.$searchContainer);
this.resizeSearch();
};
Search.prototype.handleSearch = function () {
this.resizeSearch();
if (!this._keyUpPrevented) {
var input = this.$search.val();
this.trigger('query', {
term: input
});
}
this._keyUpPrevented = false;
};
Search.prototype.searchRemoveChoice = function (decorated, item) {
this.trigger('unselect', {
data: item
});
this.trigger('open');
this.$search.val(item.text + ' ');
};
Search.prototype.resizeSearch = function () {
this.$search.css('width', '25px');
var width = '';
if (this.$search.attr('placeholder') !== '') {
width = this.$selection.find('.select2-selection__rendered').innerWidth();
} else {
var minimumWidth = this.$search.val().length + 1;
width = (minimumWidth * 0.75) + 'em';
}
this.$search.css('width', width);
};
return Search;
});
S2.define('select2/selection/eventRelay',[
'jquery'
], function ($) {
function EventRelay () { }
EventRelay.prototype.bind = function (decorated, container, $container) {
var self = this;
var relayEvents = [
'open', 'opening',
'close', 'closing',
'select', 'selecting',
'unselect', 'unselecting'
];
var preventableEvents = ['opening', 'closing', 'selecting', 'unselecting'];
decorated.call(this, container, $container);
container.on('*', function (name, params) {
// Ignore events that should not be relayed
if ($.inArray(name, relayEvents) === -1) {
return;
}
// The parameters should always be an object
params = params || {};
// Generate the jQuery event for the Select2 event
var evt = $.Event('select2:' + name, {
params: params
});
self.$element.trigger(evt);
// Only handle preventable events if it was one
if ($.inArray(name, preventableEvents) === -1) {
return;
}
params.prevented = evt.isDefaultPrevented();
});
};
return EventRelay;
});
S2.define('select2/translation',[
'jquery',
'require'
], function ($, require) {
function Translation (dict) {
this.dict = dict || {};
}
Translation.prototype.all = function () {
return this.dict;
};
Translation.prototype.get = function (key) {
return this.dict[key];
};
Translation.prototype.extend = function (translation) {
this.dict = $.extend({}, translation.all(), this.dict);
};
// Static functions
Translation._cache = {};
Translation.loadPath = function (path) {
if (!(path in Translation._cache)) {
var translations = require(path);
Translation._cache[path] = translations;
}
return new Translation(Translation._cache[path]);
};
return Translation;
});
S2.define('select2/diacritics',[
], function () {
var diacritics = {
'\u24B6': 'A',
'\uFF21': 'A',
'\u00C0': 'A',
'\u00C1': 'A',
'\u00C2': 'A',
'\u1EA6': 'A',
'\u1EA4': 'A',
'\u1EAA': 'A',
'\u1EA8': 'A',
'\u00C3': 'A',
'\u0100': 'A',
'\u0102': 'A',
'\u1EB0': 'A',
'\u1EAE': 'A',
'\u1EB4': 'A',
'\u1EB2': 'A',
'\u0226': 'A',
'\u01E0': 'A',
'\u00C4': 'A',
'\u01DE': 'A',
'\u1EA2': 'A',
'\u00C5': 'A',
'\u01FA': 'A',
'\u01CD': 'A',
'\u0200': 'A',
'\u0202': 'A',
'\u1EA0': 'A',
'\u1EAC': 'A',
'\u1EB6': 'A',
'\u1E00': 'A',
'\u0104': 'A',
'\u023A': 'A',
'\u2C6F': 'A',
'\uA732': 'AA',
'\u00C6': 'AE',
'\u01FC': 'AE',
'\u01E2': 'AE',
'\uA734': 'AO',
'\uA736': 'AU',
'\uA738': 'AV',
'\uA73A': 'AV',
'\uA73C': 'AY',
'\u24B7': 'B',
'\uFF22': 'B',
'\u1E02': 'B',
'\u1E04': 'B',
'\u1E06': 'B',
'\u0243': 'B',
'\u0182': 'B',
'\u0181': 'B',
'\u24B8': 'C',
'\uFF23': 'C',
'\u0106': 'C',
'\u0108': 'C',
'\u010A': 'C',
'\u010C': 'C',
'\u00C7': 'C',
'\u1E08': 'C',
'\u0187': 'C',
'\u023B': 'C',
'\uA73E': 'C',
'\u24B9': 'D',
'\uFF24': 'D',
'\u1E0A': 'D',
'\u010E': 'D',
'\u1E0C': 'D',
'\u1E10': 'D',
'\u1E12': 'D',
'\u1E0E': 'D',
'\u0110': 'D',
'\u018B': 'D',
'\u018A': 'D',
'\u0189': 'D',
'\uA779': 'D',
'\u01F1': 'DZ',
'\u01C4': 'DZ',
'\u01F2': 'Dz',
'\u01C5': 'Dz',
'\u24BA': 'E',
'\uFF25': 'E',
'\u00C8': 'E',
'\u00C9': 'E',
'\u00CA': 'E',
'\u1EC0': 'E',
'\u1EBE': 'E',
'\u1EC4': 'E',
'\u1EC2': 'E',
'\u1EBC': 'E',
'\u0112': 'E',
'\u1E14': 'E',
'\u1E16': 'E',
'\u0114': 'E',
'\u0116': 'E',
'\u00CB': 'E',
'\u1EBA': 'E',
'\u011A': 'E',
'\u0204': 'E',
'\u0206': 'E',
'\u1EB8': 'E',
'\u1EC6': 'E',
'\u0228': 'E',
'\u1E1C': 'E',
'\u0118': 'E',
'\u1E18': 'E',
'\u1E1A': 'E',
'\u0190': 'E',
'\u018E': 'E',
'\u24BB': 'F',
'\uFF26': 'F',
'\u1E1E': 'F',
'\u0191': 'F',
'\uA77B': 'F',
'\u24BC': 'G',
'\uFF27': 'G',
'\u01F4': 'G',
'\u011C': 'G',
'\u1E20': 'G',
'\u011E': 'G',
'\u0120': 'G',
'\u01E6': 'G',
'\u0122': 'G',
'\u01E4': 'G',
'\u0193': 'G',
'\uA7A0': 'G',
'\uA77D': 'G',
'\uA77E': 'G',
'\u24BD': 'H',
'\uFF28': 'H',
'\u0124': 'H',
'\u1E22': 'H',
'\u1E26': 'H',
'\u021E': 'H',
'\u1E24': 'H',
'\u1E28': 'H',
'\u1E2A': 'H',
'\u0126': 'H',
'\u2C67': 'H',
'\u2C75': 'H',
'\uA78D': 'H',
'\u24BE': 'I',
'\uFF29': 'I',
'\u00CC': 'I',
'\u00CD': 'I',
'\u00CE': 'I',
'\u0128': 'I',
'\u012A': 'I',
'\u012C': 'I',
'\u0130': 'I',
'\u00CF': 'I',
'\u1E2E': 'I',
'\u1EC8': 'I',
'\u01CF': 'I',
'\u0208': 'I',
'\u020A': 'I',
'\u1ECA': 'I',
'\u012E': 'I',
'\u1E2C': 'I',
'\u0197': 'I',
'\u24BF': 'J',
'\uFF2A': 'J',
'\u0134': 'J',
'\u0248': 'J',
'\u24C0': 'K',
'\uFF2B': 'K',
'\u1E30': 'K',
'\u01E8': 'K',
'\u1E32': 'K',
'\u0136': 'K',
'\u1E34': 'K',
'\u0198': 'K',
'\u2C69': 'K',
'\uA740': 'K',
'\uA742': 'K',
'\uA744': 'K',
'\uA7A2': 'K',
'\u24C1': 'L',
'\uFF2C': 'L',
'\u013F': 'L',
'\u0139': 'L',
'\u013D': 'L',
'\u1E36': 'L',
'\u1E38': 'L',
'\u013B': 'L',
'\u1E3C': 'L',
'\u1E3A': 'L',
'\u0141': 'L',
'\u023D': 'L',
'\u2C62': 'L',
'\u2C60': 'L',
'\uA748': 'L',
'\uA746': 'L',
'\uA780': 'L',
'\u01C7': 'LJ',
'\u01C8': 'Lj',
'\u24C2': 'M',
'\uFF2D': 'M',
'\u1E3E': 'M',
'\u1E40': 'M',
'\u1E42': 'M',
'\u2C6E': 'M',
'\u019C': 'M',
'\u24C3': 'N',
'\uFF2E': 'N',
'\u01F8': 'N',
'\u0143': 'N',
'\u00D1': 'N',
'\u1E44': 'N',
'\u0147': 'N',
'\u1E46': 'N',
'\u0145': 'N',
'\u1E4A': 'N',
'\u1E48': 'N',
'\u0220': 'N',
'\u019D': 'N',
'\uA790': 'N',
'\uA7A4': 'N',
'\u01CA': 'NJ',
'\u01CB': 'Nj',
'\u24C4': 'O',
'\uFF2F': 'O',
'\u00D2': 'O',
'\u00D3': 'O',
'\u00D4': 'O',
'\u1ED2': 'O',
'\u1ED0': 'O',
'\u1ED6': 'O',
'\u1ED4': 'O',
'\u00D5': 'O',
'\u1E4C': 'O',
'\u022C': 'O',
'\u1E4E': 'O',
'\u014C': 'O',
'\u1E50': 'O',
'\u1E52': 'O',
'\u014E': 'O',
'\u022E': 'O',
'\u0230': 'O',
'\u00D6': 'O',
'\u022A': 'O',
'\u1ECE': 'O',
'\u0150': 'O',
'\u01D1': 'O',
'\u020C': 'O',
'\u020E': 'O',
'\u01A0': 'O',
'\u1EDC': 'O',
'\u1EDA': 'O',
'\u1EE0': 'O',
'\u1EDE': 'O',
'\u1EE2': 'O',
'\u1ECC': 'O',
'\u1ED8': 'O',
'\u01EA': 'O',
'\u01EC': 'O',
'\u00D8': 'O',
'\u01FE': 'O',
'\u0186': 'O',
'\u019F': 'O',
'\uA74A': 'O',
'\uA74C': 'O',
'\u01A2': 'OI',
'\uA74E': 'OO',
'\u0222': 'OU',
'\u24C5': 'P',
'\uFF30': 'P',
'\u1E54': 'P',
'\u1E56': 'P',
'\u01A4': 'P',
'\u2C63': 'P',
'\uA750': 'P',
'\uA752': 'P',
'\uA754': 'P',
'\u24C6': 'Q',
'\uFF31': 'Q',
'\uA756': 'Q',
'\uA758': 'Q',
'\u024A': 'Q',
'\u24C7': 'R',
'\uFF32': 'R',
'\u0154': 'R',
'\u1E58': 'R',
'\u0158': 'R',
'\u0210': 'R',
'\u0212': 'R',
'\u1E5A': 'R',
'\u1E5C': 'R',
'\u0156': 'R',
'\u1E5E': 'R',
'\u024C': 'R',
'\u2C64': 'R',
'\uA75A': 'R',
'\uA7A6': 'R',
'\uA782': 'R',
'\u24C8': 'S',
'\uFF33': 'S',
'\u1E9E': 'S',
'\u015A': 'S',
'\u1E64': 'S',
'\u015C': 'S',
'\u1E60': 'S',
'\u0160': 'S',
'\u1E66': 'S',
'\u1E62': 'S',
'\u1E68': 'S',
'\u0218': 'S',
'\u015E': 'S',
'\u2C7E': 'S',
'\uA7A8': 'S',
'\uA784': 'S',
'\u24C9': 'T',
'\uFF34': 'T',
'\u1E6A': 'T',
'\u0164': 'T',
'\u1E6C': 'T',
'\u021A': 'T',
'\u0162': 'T',
'\u1E70': 'T',
'\u1E6E': 'T',
'\u0166': 'T',
'\u01AC': 'T',
'\u01AE': 'T',
'\u023E': 'T',
'\uA786': 'T',
'\uA728': 'TZ',
'\u24CA': 'U',
'\uFF35': 'U',
'\u00D9': 'U',
'\u00DA': 'U',
'\u00DB': 'U',
'\u0168': 'U',
'\u1E78': 'U',
'\u016A': 'U',
'\u1E7A': 'U',
'\u016C': 'U',
'\u00DC': 'U',
'\u01DB': 'U',
'\u01D7': 'U',
'\u01D5': 'U',
'\u01D9': 'U',
'\u1EE6': 'U',
'\u016E': 'U',
'\u0170': 'U',
'\u01D3': 'U',
'\u0214': 'U',
'\u0216': 'U',
'\u01AF': 'U',
'\u1EEA': 'U',
'\u1EE8': 'U',
'\u1EEE': 'U',
'\u1EEC': 'U',
'\u1EF0': 'U',
'\u1EE4': 'U',
'\u1E72': 'U',
'\u0172': 'U',
'\u1E76': 'U',
'\u1E74': 'U',
'\u0244': 'U',
'\u24CB': 'V',
'\uFF36': 'V',
'\u1E7C': 'V',
'\u1E7E': 'V',
'\u01B2': 'V',
'\uA75E': 'V',
'\u0245': 'V',
'\uA760': 'VY',
'\u24CC': 'W',
'\uFF37': 'W',
'\u1E80': 'W',
'\u1E82': 'W',
'\u0174': 'W',
'\u1E86': 'W',
'\u1E84': 'W',
'\u1E88': 'W',
'\u2C72': 'W',
'\u24CD': 'X',
'\uFF38': 'X',
'\u1E8A': 'X',
'\u1E8C': 'X',
'\u24CE': 'Y',
'\uFF39': 'Y',
'\u1EF2': 'Y',
'\u00DD': 'Y',
'\u0176': 'Y',
'\u1EF8': 'Y',
'\u0232': 'Y',
'\u1E8E': 'Y',
'\u0178': 'Y',
'\u1EF6': 'Y',
'\u1EF4': 'Y',
'\u01B3': 'Y',
'\u024E': 'Y',
'\u1EFE': 'Y',
'\u24CF': 'Z',
'\uFF3A': 'Z',
'\u0179': 'Z',
'\u1E90': 'Z',
'\u017B': 'Z',
'\u017D': 'Z',
'\u1E92': 'Z',
'\u1E94': 'Z',
'\u01B5': 'Z',
'\u0224': 'Z',
'\u2C7F': 'Z',
'\u2C6B': 'Z',
'\uA762': 'Z',
'\u24D0': 'a',
'\uFF41': 'a',
'\u1E9A': 'a',
'\u00E0': 'a',
'\u00E1': 'a',
'\u00E2': 'a',
'\u1EA7': 'a',
'\u1EA5': 'a',
'\u1EAB': 'a',
'\u1EA9': 'a',
'\u00E3': 'a',
'\u0101': 'a',
'\u0103': 'a',
'\u1EB1': 'a',
'\u1EAF': 'a',
'\u1EB5': 'a',
'\u1EB3': 'a',
'\u0227': 'a',
'\u01E1': 'a',
'\u00E4': 'a',
'\u01DF': 'a',
'\u1EA3': 'a',
'\u00E5': 'a',
'\u01FB': 'a',
'\u01CE': 'a',
'\u0201': 'a',
'\u0203': 'a',
'\u1EA1': 'a',
'\u1EAD': 'a',
'\u1EB7': 'a',
'\u1E01': 'a',
'\u0105': 'a',
'\u2C65': 'a',
'\u0250': 'a',
'\uA733': 'aa',
'\u00E6': 'ae',
'\u01FD': 'ae',
'\u01E3': 'ae',
'\uA735': 'ao',
'\uA737': 'au',
'\uA739': 'av',
'\uA73B': 'av',
'\uA73D': 'ay',
'\u24D1': 'b',
'\uFF42': 'b',
'\u1E03': 'b',
'\u1E05': 'b',
'\u1E07': 'b',
'\u0180': 'b',
'\u0183': 'b',
'\u0253': 'b',
'\u24D2': 'c',
'\uFF43': 'c',
'\u0107': 'c',
'\u0109': 'c',
'\u010B': 'c',
'\u010D': 'c',
'\u00E7': 'c',
'\u1E09': 'c',
'\u0188': 'c',
'\u023C': 'c',
'\uA73F': 'c',
'\u2184': 'c',
'\u24D3': 'd',
'\uFF44': 'd',
'\u1E0B': 'd',
'\u010F': 'd',
'\u1E0D': 'd',
'\u1E11': 'd',
'\u1E13': 'd',
'\u1E0F': 'd',
'\u0111': 'd',
'\u018C': 'd',
'\u0256': 'd',
'\u0257': 'd',
'\uA77A': 'd',
'\u01F3': 'dz',
'\u01C6': 'dz',
'\u24D4': 'e',
'\uFF45': 'e',
'\u00E8': 'e',
'\u00E9': 'e',
'\u00EA': 'e',
'\u1EC1': 'e',
'\u1EBF': 'e',
'\u1EC5': 'e',
'\u1EC3': 'e',
'\u1EBD': 'e',
'\u0113': 'e',
'\u1E15': 'e',
'\u1E17': 'e',
'\u0115': 'e',
'\u0117': 'e',
'\u00EB': 'e',
'\u1EBB': 'e',
'\u011B': 'e',
'\u0205': 'e',
'\u0207': 'e',
'\u1EB9': 'e',
'\u1EC7': 'e',
'\u0229': 'e',
'\u1E1D': 'e',
'\u0119': 'e',
'\u1E19': 'e',
'\u1E1B': 'e',
'\u0247': 'e',
'\u025B': 'e',
'\u01DD': 'e',
'\u24D5': 'f',
'\uFF46': 'f',
'\u1E1F': 'f',
'\u0192': 'f',
'\uA77C': 'f',
'\u24D6': 'g',
'\uFF47': 'g',
'\u01F5': 'g',
'\u011D': 'g',
'\u1E21': 'g',
'\u011F': 'g',
'\u0121': 'g',
'\u01E7': 'g',
'\u0123': 'g',
'\u01E5': 'g',
'\u0260': 'g',
'\uA7A1': 'g',
'\u1D79': 'g',
'\uA77F': 'g',
'\u24D7': 'h',
'\uFF48': 'h',
'\u0125': 'h',
'\u1E23': 'h',
'\u1E27': 'h',
'\u021F': 'h',
'\u1E25': 'h',
'\u1E29': 'h',
'\u1E2B': 'h',
'\u1E96': 'h',
'\u0127': 'h',
'\u2C68': 'h',
'\u2C76': 'h',
'\u0265': 'h',
'\u0195': 'hv',
'\u24D8': 'i',
'\uFF49': 'i',
'\u00EC': 'i',
'\u00ED': 'i',
'\u00EE': 'i',
'\u0129': 'i',
'\u012B': 'i',
'\u012D': 'i',
'\u00EF': 'i',
'\u1E2F': 'i',
'\u1EC9': 'i',
'\u01D0': 'i',
'\u0209': 'i',
'\u020B': 'i',
'\u1ECB': 'i',
'\u012F': 'i',
'\u1E2D': 'i',
'\u0268': 'i',
'\u0131': 'i',
'\u24D9': 'j',
'\uFF4A': 'j',
'\u0135': 'j',
'\u01F0': 'j',
'\u0249': 'j',
'\u24DA': 'k',
'\uFF4B': 'k',
'\u1E31': 'k',
'\u01E9': 'k',
'\u1E33': 'k',
'\u0137': 'k',
'\u1E35': 'k',
'\u0199': 'k',
'\u2C6A': 'k',
'\uA741': 'k',
'\uA743': 'k',
'\uA745': 'k',
'\uA7A3': 'k',
'\u24DB': 'l',
'\uFF4C': 'l',
'\u0140': 'l',
'\u013A': 'l',
'\u013E': 'l',
'\u1E37': 'l',
'\u1E39': 'l',
'\u013C': 'l',
'\u1E3D': 'l',
'\u1E3B': 'l',
'\u017F': 'l',
'\u0142': 'l',
'\u019A': 'l',
'\u026B': 'l',
'\u2C61': 'l',
'\uA749': 'l',
'\uA781': 'l',
'\uA747': 'l',
'\u01C9': 'lj',
'\u24DC': 'm',
'\uFF4D': 'm',
'\u1E3F': 'm',
'\u1E41': 'm',
'\u1E43': 'm',
'\u0271': 'm',
'\u026F': 'm',
'\u24DD': 'n',
'\uFF4E': 'n',
'\u01F9': 'n',
'\u0144': 'n',
'\u00F1': 'n',
'\u1E45': 'n',
'\u0148': 'n',
'\u1E47': 'n',
'\u0146': 'n',
'\u1E4B': 'n',
'\u1E49': 'n',
'\u019E': 'n',
'\u0272': 'n',
'\u0149': 'n',
'\uA791': 'n',
'\uA7A5': 'n',
'\u01CC': 'nj',
'\u24DE': 'o',
'\uFF4F': 'o',
'\u00F2': 'o',
'\u00F3': 'o',
'\u00F4': 'o',
'\u1ED3': 'o',
'\u1ED1': 'o',
'\u1ED7': 'o',
'\u1ED5': 'o',
'\u00F5': 'o',
'\u1E4D': 'o',
'\u022D': 'o',
'\u1E4F': 'o',
'\u014D': 'o',
'\u1E51': 'o',
'\u1E53': 'o',
'\u014F': 'o',
'\u022F': 'o',
'\u0231': 'o',
'\u00F6': 'o',
'\u022B': 'o',
'\u1ECF': 'o',
'\u0151': 'o',
'\u01D2': 'o',
'\u020D': 'o',
'\u020F': 'o',
'\u01A1': 'o',
'\u1EDD': 'o',
'\u1EDB': 'o',
'\u1EE1': 'o',
'\u1EDF': 'o',
'\u1EE3': 'o',
'\u1ECD': 'o',
'\u1ED9': 'o',
'\u01EB': 'o',
'\u01ED': 'o',
'\u00F8': 'o',
'\u01FF': 'o',
'\u0254': 'o',
'\uA74B': 'o',
'\uA74D': 'o',
'\u0275': 'o',
'\u01A3': 'oi',
'\u0223': 'ou',
'\uA74F': 'oo',
'\u24DF': 'p',
'\uFF50': 'p',
'\u1E55': 'p',
'\u1E57': 'p',
'\u01A5': 'p',
'\u1D7D': 'p',
'\uA751': 'p',
'\uA753': 'p',
'\uA755': 'p',
'\u24E0': 'q',
'\uFF51': 'q',
'\u024B': 'q',
'\uA757': 'q',
'\uA759': 'q',
'\u24E1': 'r',
'\uFF52': 'r',
'\u0155': 'r',
'\u1E59': 'r',
'\u0159': 'r',
'\u0211': 'r',
'\u0213': 'r',
'\u1E5B': 'r',
'\u1E5D': 'r',
'\u0157': 'r',
'\u1E5F': 'r',
'\u024D': 'r',
'\u027D': 'r',
'\uA75B': 'r',
'\uA7A7': 'r',
'\uA783': 'r',
'\u24E2': 's',
'\uFF53': 's',
'\u00DF': 's',
'\u015B': 's',
'\u1E65': 's',
'\u015D': 's',
'\u1E61': 's',
'\u0161': 's',
'\u1E67': 's',
'\u1E63': 's',
'\u1E69': 's',
'\u0219': 's',
'\u015F': 's',
'\u023F': 's',
'\uA7A9': 's',
'\uA785': 's',
'\u1E9B': 's',
'\u24E3': 't',
'\uFF54': 't',
'\u1E6B': 't',
'\u1E97': 't',
'\u0165': 't',
'\u1E6D': 't',
'\u021B': 't',
'\u0163': 't',
'\u1E71': 't',
'\u1E6F': 't',
'\u0167': 't',
'\u01AD': 't',
'\u0288': 't',
'\u2C66': 't',
'\uA787': 't',
'\uA729': 'tz',
'\u24E4': 'u',
'\uFF55': 'u',
'\u00F9': 'u',
'\u00FA': 'u',
'\u00FB': 'u',
'\u0169': 'u',
'\u1E79': 'u',
'\u016B': 'u',
'\u1E7B': 'u',
'\u016D': 'u',
'\u00FC': 'u',
'\u01DC': 'u',
'\u01D8': 'u',
'\u01D6': 'u',
'\u01DA': 'u',
'\u1EE7': 'u',
'\u016F': 'u',
'\u0171': 'u',
'\u01D4': 'u',
'\u0215': 'u',
'\u0217': 'u',
'\u01B0': 'u',
'\u1EEB': 'u',
'\u1EE9': 'u',
'\u1EEF': 'u',
'\u1EED': 'u',
'\u1EF1': 'u',
'\u1EE5': 'u',
'\u1E73': 'u',
'\u0173': 'u',
'\u1E77': 'u',
'\u1E75': 'u',
'\u0289': 'u',
'\u24E5': 'v',
'\uFF56': 'v',
'\u1E7D': 'v',
'\u1E7F': 'v',
'\u028B': 'v',
'\uA75F': 'v',
'\u028C': 'v',
'\uA761': 'vy',
'\u24E6': 'w',
'\uFF57': 'w',
'\u1E81': 'w',
'\u1E83': 'w',
'\u0175': 'w',
'\u1E87': 'w',
'\u1E85': 'w',
'\u1E98': 'w',
'\u1E89': 'w',
'\u2C73': 'w',
'\u24E7': 'x',
'\uFF58': 'x',
'\u1E8B': 'x',
'\u1E8D': 'x',
'\u24E8': 'y',
'\uFF59': 'y',
'\u1EF3': 'y',
'\u00FD': 'y',
'\u0177': 'y',
'\u1EF9': 'y',
'\u0233': 'y',
'\u1E8F': 'y',
'\u00FF': 'y',
'\u1EF7': 'y',
'\u1E99': 'y',
'\u1EF5': 'y',
'\u01B4': 'y',
'\u024F': 'y',
'\u1EFF': 'y',
'\u24E9': 'z',
'\uFF5A': 'z',
'\u017A': 'z',
'\u1E91': 'z',
'\u017C': 'z',
'\u017E': 'z',
'\u1E93': 'z',
'\u1E95': 'z',
'\u01B6': 'z',
'\u0225': 'z',
'\u0240': 'z',
'\u2C6C': 'z',
'\uA763': 'z',
'\u0386': '\u0391',
'\u0388': '\u0395',
'\u0389': '\u0397',
'\u038A': '\u0399',
'\u03AA': '\u0399',
'\u038C': '\u039F',
'\u038E': '\u03A5',
'\u03AB': '\u03A5',
'\u038F': '\u03A9',
'\u03AC': '\u03B1',
'\u03AD': '\u03B5',
'\u03AE': '\u03B7',
'\u03AF': '\u03B9',
'\u03CA': '\u03B9',
'\u0390': '\u03B9',
'\u03CC': '\u03BF',
'\u03CD': '\u03C5',
'\u03CB': '\u03C5',
'\u03B0': '\u03C5',
'\u03C9': '\u03C9',
'\u03C2': '\u03C3'
};
return diacritics;
});
S2.define('select2/data/base',[
'../utils'
], function (Utils) {
function BaseAdapter ($element, options) {
BaseAdapter.__super__.constructor.call(this);
}
Utils.Extend(BaseAdapter, Utils.Observable);
BaseAdapter.prototype.current = function (callback) {
throw new Error('The `current` method must be defined in child classes.');
};
BaseAdapter.prototype.query = function (params, callback) {
throw new Error('The `query` method must be defined in child classes.');
};
BaseAdapter.prototype.bind = function (container, $container) {
// Can be implemented in subclasses
};
BaseAdapter.prototype.destroy = function () {
// Can be implemented in subclasses
};
BaseAdapter.prototype.generateResultId = function (container, data) {
var id = container.id + '-result-';
id += Utils.generateChars(4);
if (data.id != null) {
id += '-' + data.id.toString();
} else {
id += '-' + Utils.generateChars(4);
}
return id;
};
return BaseAdapter;
});
S2.define('select2/data/select',[
'./base',
'../utils',
'jquery'
], function (BaseAdapter, Utils, $) {
function SelectAdapter ($element, options) {
this.$element = $element;
this.options = options;
SelectAdapter.__super__.constructor.call(this);
}
Utils.Extend(SelectAdapter, BaseAdapter);
SelectAdapter.prototype.current = function (callback) {
var data = [];
var self = this;
this.$element.find(':selected').each(function () {
var $option = $(this);
var option = self.item($option);
data.push(option);
});
callback(data);
};
SelectAdapter.prototype.select = function (data) {
var self = this;
data.selected = true;
// If data.element is a DOM node, use it instead
if ($(data.element).is('option')) {
data.element.selected = true;
this.$element.trigger('change');
return;
}
if (this.$element.prop('multiple')) {
this.current(function (currentData) {
var val = [];
data = [data];
data.push.apply(data, currentData);
for (var d = 0; d < data.length; d++) {
var id = data[d].id;
if ($.inArray(id, val) === -1) {
val.push(id);
}
}
self.$element.val(val);
self.$element.trigger('change');
});
} else {
var val = data.id;
this.$element.val(val);
this.$element.trigger('change');
}
};
SelectAdapter.prototype.unselect = function (data) {
var self = this;
if (!this.$element.prop('multiple')) {
return;
}
data.selected = false;
if ($(data.element).is('option')) {
data.element.selected = false;
this.$element.trigger('change');
return;
}
this.current(function (currentData) {
var val = [];
for (var d = 0; d < currentData.length; d++) {
var id = currentData[d].id;
if (id !== data.id && $.inArray(id, val) === -1) {
val.push(id);
}
}
self.$element.val(val);
self.$element.trigger('change');
});
};
SelectAdapter.prototype.bind = function (container, $container) {
var self = this;
this.container = container;
container.on('select', function (params) {
self.select(params.data);
});
container.on('unselect', function (params) {
self.unselect(params.data);
});
};
SelectAdapter.prototype.destroy = function () {
// Remove anything added to child elements
this.$element.find('*').each(function () {
// Remove any custom data set by Select2
$.removeData(this, 'data');
});
};
SelectAdapter.prototype.query = function (params, callback) {
var data = [];
var self = this;
var $options = this.$element.children();
$options.each(function () {
var $option = $(this);
if (!$option.is('option') && !$option.is('optgroup')) {
return;
}
var option = self.item($option);
var matches = self.matches(params, option);
if (matches !== null) {
data.push(matches);
}
});
callback({
results: data
});
};
SelectAdapter.prototype.addOptions = function ($options) {
Utils.appendMany(this.$element, $options);
};
SelectAdapter.prototype.option = function (data) {
var option;
if (data.children) {
option = document.createElement('optgroup');
option.label = data.text;
} else {
option = document.createElement('option');
if (option.textContent !== undefined) {
option.textContent = data.text;
} else {
option.innerText = data.text;
}
}
if (data.id) {
option.value = data.id;
}
if (data.disabled) {
option.disabled = true;
}
if (data.selected) {
option.selected = true;
}
if (data.title) {
option.title = data.title;
}
var $option = $(option);
var normalizedData = this._normalizeItem(data);
normalizedData.element = option;
// Override the option's data with the combined data
$.data(option, 'data', normalizedData);
return $option;
};
SelectAdapter.prototype.item = function ($option) {
var data = {};
data = $.data($option[0], 'data');
if (data != null) {
return data;
}
if ($option.is('option')) {
data = {
id: $option.val(),
text: $option.text(),
disabled: $option.prop('disabled'),
selected: $option.prop('selected'),
title: $option.prop('title')
};
} else if ($option.is('optgroup')) {
data = {
text: $option.prop('label'),
children: [],
title: $option.prop('title')
};
var $children = $option.children('option');
var children = [];
for (var c = 0; c < $children.length; c++) {
var $child = $($children[c]);
var child = this.item($child);
children.push(child);
}
data.children = children;
}
data = this._normalizeItem(data);
data.element = $option[0];
$.data($option[0], 'data', data);
return data;
};
SelectAdapter.prototype._normalizeItem = function (item) {
if (!$.isPlainObject(item)) {
item = {
id: item,
text: item
};
}
item = $.extend({}, {
text: ''
}, item);
var defaults = {
selected: false,
disabled: false
};
if (item.id != null) {
item.id = item.id.toString();
}
if (item.text != null) {
item.text = item.text.toString();
}
if (item._resultId == null && item.id && this.container != null) {
item._resultId = this.generateResultId(this.container, item);
}
return $.extend({}, defaults, item);
};
SelectAdapter.prototype.matches = function (params, data) {
var matcher = this.options.get('matcher');
return matcher(params, data);
};
return SelectAdapter;
});
S2.define('select2/data/array',[
'./select',
'../utils',
'jquery'
], function (SelectAdapter, Utils, $) {
function ArrayAdapter ($element, options) {
var data = options.get('data') || [];
ArrayAdapter.__super__.constructor.call(this, $element, options);
this.addOptions(this.convertToOptions(data));
}
Utils.Extend(ArrayAdapter, SelectAdapter);
ArrayAdapter.prototype.select = function (data) {
var $option = this.$element.find('option').filter(function (i, elm) {
return elm.value == data.id.toString();
});
if ($option.length === 0) {
$option = this.option(data);
this.addOptions($option);
}
ArrayAdapter.__super__.select.call(this, data);
};
ArrayAdapter.prototype.convertToOptions = function (data) {
var self = this;
var $existing = this.$element.find('option');
var existingIds = $existing.map(function () {
return self.item($(this)).id;
}).get();
var $options = [];
// Filter out all items except for the one passed in the argument
function onlyItem (item) {
return function () {
return $(this).val() == item.id;
};
}
for (var d = 0; d < data.length; d++) {
var item = this._normalizeItem(data[d]);
// Skip items which were pre-loaded, only merge the data
if ($.inArray(item.id, existingIds) >= 0) {
var $existingOption = $existing.filter(onlyItem(item));
var existingData = this.item($existingOption);
var newData = $.extend(true, {}, existingData, item);
var $newOption = this.option(existingData);
$existingOption.replaceWith($newOption);
continue;
}
var $option = this.option(item);
if (item.children) {
var $children = this.convertToOptions(item.children);
Utils.appendMany($option, $children);
}
$options.push($option);
}
return $options;
};
return ArrayAdapter;
});
S2.define('select2/data/ajax',[
'./array',
'../utils',
'jquery'
], function (ArrayAdapter, Utils, $) {
function AjaxAdapter ($element, options) {
this.ajaxOptions = this._applyDefaults(options.get('ajax'));
if (this.ajaxOptions.processResults != null) {
this.processResults = this.ajaxOptions.processResults;
}
ArrayAdapter.__super__.constructor.call(this, $element, options);
}
Utils.Extend(AjaxAdapter, ArrayAdapter);
AjaxAdapter.prototype._applyDefaults = function (options) {
var defaults = {
data: function (params) {
return {
q: params.term
};
},
transport: function (params, success, failure) {
var $request = $.ajax(params);
$request.then(success);
$request.fail(failure);
return $request;
}
};
return $.extend({}, defaults, options, true);
};
AjaxAdapter.prototype.processResults = function (results) {
return results;
};
AjaxAdapter.prototype.query = function (params, callback) {
var matches = [];
var self = this;
if (this._request != null) {
// JSONP requests cannot always be aborted
if ($.isFunction(this._request.abort)) {
this._request.abort();
}
this._request = null;
}
var options = $.extend({
type: 'GET'
}, this.ajaxOptions);
if (typeof options.url === 'function') {
options.url = options.url(params);
}
if (typeof options.data === 'function') {
options.data = options.data(params);
}
function request () {
var $request = options.transport(options, function (data) {
var results = self.processResults(data, params);
if (self.options.get('debug') && window.console && console.error) {
// Check to make sure that the response included a `results` key.
if (!results || !results.results || !$.isArray(results.results)) {
console.error(
'Select2: The AJAX results did not return an array in the ' +
'`results` key of the response.'
);
}
}
callback(results);
}, function () {
// TODO: Handle AJAX errors
});
self._request = $request;
}
if (this.ajaxOptions.delay && params.term !== '') {
if (this._queryTimeout) {
window.clearTimeout(this._queryTimeout);
}
this._queryTimeout = window.setTimeout(request, this.ajaxOptions.delay);
} else {
request();
}
};
return AjaxAdapter;
});
S2.define('select2/data/tags',[
'jquery'
], function ($) {
function Tags (decorated, $element, options) {
var tags = options.get('tags');
var createTag = options.get('createTag');
if (createTag !== undefined) {
this.createTag = createTag;
}
decorated.call(this, $element, options);
if ($.isArray(tags)) {
for (var t = 0; t < tags.length; t++) {
var tag = tags[t];
var item = this._normalizeItem(tag);
var $option = this.option(item);
this.$element.append($option);
}
}
}
Tags.prototype.query = function (decorated, params, callback) {
var self = this;
this._removeOldTags();
if (params.term == null || params.page != null) {
decorated.call(this, params, callback);
return;
}
function wrapper (obj, child) {
var data = obj.results;
for (var i = 0; i < data.length; i++) {
var option = data[i];
var checkChildren = (
option.children != null &&
!wrapper({
results: option.children
}, true)
);
var checkText = option.text === params.term;
if (checkText || checkChildren) {
if (child) {
return false;
}
obj.data = data;
callback(obj);
return;
}
}
if (child) {
return true;
}
var tag = self.createTag(params);
if (tag != null) {
var $option = self.option(tag);
$option.attr('data-select2-tag', true);
self.addOptions([$option]);
self.insertTag(data, tag);
}
obj.results = data;
callback(obj);
}
decorated.call(this, params, wrapper);
};
Tags.prototype.createTag = function (decorated, params) {
var term = $.trim(params.term);
if (term === '') {
return null;
}
return {
id: term,
text: term
};
};
Tags.prototype.insertTag = function (_, data, tag) {
data.unshift(tag);
};
Tags.prototype._removeOldTags = function (_) {
var tag = this._lastTag;
var $options = this.$element.find('option[data-select2-tag]');
$options.each(function () {
if (this.selected) {
return;
}
$(this).remove();
});
};
return Tags;
});
S2.define('select2/data/tokenizer',[
'jquery'
], function ($) {
function Tokenizer (decorated, $element, options) {
var tokenizer = options.get('tokenizer');
if (tokenizer !== undefined) {
this.tokenizer = tokenizer;
}
decorated.call(this, $element, options);
}
Tokenizer.prototype.bind = function (decorated, container, $container) {
decorated.call(this, container, $container);
this.$search = container.dropdown.$search || container.selection.$search ||
$container.find('.select2-search__field');
};
Tokenizer.prototype.query = function (decorated, params, callback) {
var self = this;
function select (data) {
self.select(data);
}
params.term = params.term || '';
var tokenData = this.tokenizer(params, this.options, select);
if (tokenData.term !== params.term) {
// Replace the search term if we have the search box
if (this.$search.length) {
this.$search.val(tokenData.term);
this.$search.focus();
}
params.term = tokenData.term;
}
decorated.call(this, params, callback);
};
Tokenizer.prototype.tokenizer = function (_, params, options, callback) {
var separators = options.get('tokenSeparators') || [];
var term = params.term;
var i = 0;
var createTag = this.createTag || function (params) {
return {
id: params.term,
text: params.term
};
};
while (i < term.length) {
var termChar = term[i];
if ($.inArray(termChar, separators) === -1) {
i++;
continue;
}
var part = term.substr(0, i);
var partParams = $.extend({}, params, {
term: part
});
var data = createTag(partParams);
callback(data);
// Reset the term to not include the tokenized portion
term = term.substr(i + 1) || '';
i = 0;
}
return {
term: term
};
};
return Tokenizer;
});
S2.define('select2/data/minimumInputLength',[
], function () {
function MinimumInputLength (decorated, $e, options) {
this.minimumInputLength = options.get('minimumInputLength');
decorated.call(this, $e, options);
}
MinimumInputLength.prototype.query = function (decorated, params, callback) {
params.term = params.term || '';
if (params.term.length < this.minimumInputLength) {
this.trigger('results:message', {
message: 'inputTooShort',
args: {
minimum: this.minimumInputLength,
input: params.term,
params: params
}
});
return;
}
decorated.call(this, params, callback);
};
return MinimumInputLength;
});
S2.define('select2/data/maximumInputLength',[
], function () {
function MaximumInputLength (decorated, $e, options) {
this.maximumInputLength = options.get('maximumInputLength');
decorated.call(this, $e, options);
}
MaximumInputLength.prototype.query = function (decorated, params, callback) {
params.term = params.term || '';
if (this.maximumInputLength > 0 &&
params.term.length > this.maximumInputLength) {
this.trigger('results:message', {
message: 'inputTooLong',
args: {
maximum: this.maximumInputLength,
input: params.term,
params: params
}
});
return;
}
decorated.call(this, params, callback);
};
return MaximumInputLength;
});
S2.define('select2/data/maximumSelectionLength',[
], function (){
function MaximumSelectionLength (decorated, $e, options) {
this.maximumSelectionLength = options.get('maximumSelectionLength');
decorated.call(this, $e, options);
}
MaximumSelectionLength.prototype.query =
function (decorated, params, callback) {
var self = this;
this.current(function (currentData) {
var count = currentData != null ? currentData.length : 0;
if (self.maximumSelectionLength > 0 &&
count >= self.maximumSelectionLength) {
self.trigger('results:message', {
message: 'maximumSelected',
args: {
maximum: self.maximumSelectionLength
}
});
return;
}
decorated.call(self, params, callback);
});
};
return MaximumSelectionLength;
});
S2.define('select2/dropdown',[
'jquery',
'./utils'
], function ($, Utils) {
function Dropdown ($element, options) {
this.$element = $element;
this.options = options;
Dropdown.__super__.constructor.call(this);
}
Utils.Extend(Dropdown, Utils.Observable);
Dropdown.prototype.render = function () {
var $dropdown = $(
'' +
'' +
''
);
$dropdown.attr('dir', this.options.get('dir'));
this.$dropdown = $dropdown;
return $dropdown;
};
Dropdown.prototype.position = function ($dropdown, $container) {
// Should be implmented in subclasses
};
Dropdown.prototype.destroy = function () {
// Remove the dropdown from the DOM
this.$dropdown.remove();
};
return Dropdown;
});
S2.define('select2/dropdown/search',[
'jquery',
'../utils'
], function ($, Utils) {
function Search () { }
Search.prototype.render = function (decorated) {
var $rendered = decorated.call(this);
var $search = $(
'' +
'' +
''
);
this.$searchContainer = $search;
this.$search = $search.find('input');
$rendered.prepend($search);
return $rendered;
};
Search.prototype.bind = function (decorated, container, $container) {
var self = this;
decorated.call(this, container, $container);
this.$search.on('keydown', function (evt) {
self.trigger('keypress', evt);
self._keyUpPrevented = evt.isDefaultPrevented();
});
// Workaround for browsers which do not support the `input` event
// This will prevent double-triggering of events for browsers which support
// both the `keyup` and `input` events.
this.$search.on('input', function (evt) {
// Unbind the duplicated `keyup` event
$(this).off('keyup');
});
this.$search.on('keyup input', function (evt) {
self.handleSearch(evt);
});
container.on('open', function () {
self.$search.attr('tabindex', 0);
self.$search.focus();
window.setTimeout(function () {
self.$search.focus();
}, 0);
});
container.on('close', function () {
self.$search.attr('tabindex', -1);
self.$search.val('');
});
container.on('results:all', function (params) {
if (params.query.term == null || params.query.term === '') {
var showSearch = self.showSearch(params);
if (showSearch) {
self.$searchContainer.removeClass('select2-search--hide');
} else {
self.$searchContainer.addClass('select2-search--hide');
}
}
});
};
Search.prototype.handleSearch = function (evt) {
if (!this._keyUpPrevented) {
var input = this.$search.val();
this.trigger('query', {
term: input
});
}
this._keyUpPrevented = false;
};
Search.prototype.showSearch = function (_, params) {
return true;
};
return Search;
});
S2.define('select2/dropdown/hidePlaceholder',[
], function () {
function HidePlaceholder (decorated, $element, options, dataAdapter) {
this.placeholder = this.normalizePlaceholder(options.get('placeholder'));
decorated.call(this, $element, options, dataAdapter);
}
HidePlaceholder.prototype.append = function (decorated, data) {
data.results = this.removePlaceholder(data.results);
decorated.call(this, data);
};
HidePlaceholder.prototype.normalizePlaceholder = function (_, placeholder) {
if (typeof placeholder === 'string') {
placeholder = {
id: '',
text: placeholder
};
}
return placeholder;
};
HidePlaceholder.prototype.removePlaceholder = function (_, data) {
var modifiedData = data.slice(0);
for (var d = data.length - 1; d >= 0; d--) {
var item = data[d];
if (this.placeholder.id === item.id) {
modifiedData.splice(d, 1);
}
}
return modifiedData;
};
return HidePlaceholder;
});
S2.define('select2/dropdown/infiniteScroll',[
'jquery'
], function ($) {
function InfiniteScroll (decorated, $element, options, dataAdapter) {
this.lastParams = {};
decorated.call(this, $element, options, dataAdapter);
this.$loadingMore = this.createLoadingMore();
this.loading = false;
}
InfiniteScroll.prototype.append = function (decorated, data) {
this.$loadingMore.remove();
this.loading = false;
decorated.call(this, data);
if (this.showLoadingMore(data)) {
this.$results.append(this.$loadingMore);
}
};
InfiniteScroll.prototype.bind = function (decorated, container, $container) {
var self = this;
decorated.call(this, container, $container);
container.on('query', function (params) {
self.lastParams = params;
self.loading = true;
});
container.on('query:append', function (params) {
self.lastParams = params;
self.loading = true;
});
this.$results.on('scroll', function () {
var isLoadMoreVisible = $.contains(
document.documentElement,
self.$loadingMore[0]
);
if (self.loading || !isLoadMoreVisible) {
return;
}
var currentOffset = self.$results.offset().top +
self.$results.outerHeight(false);
var loadingMoreOffset = self.$loadingMore.offset().top +
self.$loadingMore.outerHeight(false);
if (currentOffset + 50 >= loadingMoreOffset) {
self.loadMore();
}
});
};
InfiniteScroll.prototype.loadMore = function () {
this.loading = true;
var params = $.extend({}, {page: 1}, this.lastParams);
params.page++;
this.trigger('query:append', params);
};
InfiniteScroll.prototype.showLoadingMore = function (_, data) {
return data.pagination && data.pagination.more;
};
InfiniteScroll.prototype.createLoadingMore = function () {
var $option = $(
''
);
var message = this.options.get('translations').get('loadingMore');
$option.html(message(this.lastParams));
return $option;
};
return InfiniteScroll;
});
S2.define('select2/dropdown/attachBody',[
'jquery',
'../utils'
], function ($, Utils) {
function AttachBody (decorated, $element, options) {
this.$dropdownParent = options.get('dropdownParent') || document.body;
decorated.call(this, $element, options);
}
AttachBody.prototype.bind = function (decorated, container, $container) {
var self = this;
var setupResultsEvents = false;
decorated.call(this, container, $container);
container.on('open', function () {
self._showDropdown();
self._attachPositioningHandler(container);
if (!setupResultsEvents) {
setupResultsEvents = true;
container.on('results:all', function () {
self._positionDropdown();
self._resizeDropdown();
});
container.on('results:append', function () {
self._positionDropdown();
self._resizeDropdown();
});
}
});
container.on('close', function () {
self._hideDropdown();
self._detachPositioningHandler(container);
});
this.$dropdownContainer.on('mousedown', function (evt) {
evt.stopPropagation();
});
};
AttachBody.prototype.position = function (decorated, $dropdown, $container) {
// Clone all of the container classes
$dropdown.attr('class', $container.attr('class'));
$dropdown.removeClass('select2');
$dropdown.addClass('select2-container--open');
$dropdown.css({
position: 'absolute',
top: -999999
});
this.$container = $container;
};
AttachBody.prototype.render = function (decorated) {
var $container = $('');
var $dropdown = decorated.call(this);
$container.append($dropdown);
this.$dropdownContainer = $container;
return $container;
};
AttachBody.prototype._hideDropdown = function (decorated) {
this.$dropdownContainer.detach();
};
AttachBody.prototype._attachPositioningHandler = function (container) {
var self = this;
var scrollEvent = 'scroll.select2.' + container.id;
var resizeEvent = 'resize.select2.' + container.id;
var orientationEvent = 'orientationchange.select2.' + container.id;
var $watchers = this.$container.parents().filter(Utils.hasScroll);
$watchers.each(function () {
$(this).data('select2-scroll-position', {
x: $(this).scrollLeft(),
y: $(this).scrollTop()
});
});
$watchers.on(scrollEvent, function (ev) {
var position = $(this).data('select2-scroll-position');
$(this).scrollTop(position.y);
});
$(window).on(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent,
function (e) {
self._positionDropdown();
self._resizeDropdown();
});
};
AttachBody.prototype._detachPositioningHandler = function (container) {
var scrollEvent = 'scroll.select2.' + container.id;
var resizeEvent = 'resize.select2.' + container.id;
var orientationEvent = 'orientationchange.select2.' + container.id;
var $watchers = this.$container.parents().filter(Utils.hasScroll);
$watchers.off(scrollEvent);
$(window).off(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent);
};
AttachBody.prototype._positionDropdown = function () {
var $window = $(window);
var isCurrentlyAbove = this.$dropdown.hasClass('select2-dropdown--above');
var isCurrentlyBelow = this.$dropdown.hasClass('select2-dropdown--below');
var newDirection = null;
var position = this.$container.position();
var offset = this.$container.offset();
offset.bottom = offset.top + this.$container.outerHeight(false);
var container = {
height: this.$container.outerHeight(false)
};
container.top = offset.top;
container.bottom = offset.top + container.height;
var dropdown = {
height: this.$dropdown.outerHeight(false)
};
var viewport = {
top: $window.scrollTop(),
bottom: $window.scrollTop() + $window.height()
};
var enoughRoomAbove = viewport.top < (offset.top - dropdown.height);
var enoughRoomBelow = viewport.bottom > (offset.bottom + dropdown.height);
var css = {
left: offset.left,
top: container.bottom
};
if (!isCurrentlyAbove && !isCurrentlyBelow) {
newDirection = 'below';
}
if (!enoughRoomBelow && enoughRoomAbove && !isCurrentlyAbove) {
newDirection = 'above';
} else if (!enoughRoomAbove && enoughRoomBelow && isCurrentlyAbove) {
newDirection = 'below';
}
if (newDirection == 'above' ||
(isCurrentlyAbove && newDirection !== 'below')) {
css.top = container.top - dropdown.height;
}
if (newDirection != null) {
this.$dropdown
.removeClass('select2-dropdown--below select2-dropdown--above')
.addClass('select2-dropdown--' + newDirection);
this.$container
.removeClass('select2-container--below select2-container--above')
.addClass('select2-container--' + newDirection);
}
this.$dropdownContainer.css(css);
};
AttachBody.prototype._resizeDropdown = function () {
this.$dropdownContainer.width();
var css = {
width: this.$container.outerWidth(false) + 'px'
};
if (this.options.get('dropdownAutoWidth')) {
css.minWidth = css.width;
css.width = 'auto';
}
this.$dropdown.css(css);
};
AttachBody.prototype._showDropdown = function (decorated) {
this.$dropdownContainer.appendTo(this.$dropdownParent);
this._positionDropdown();
this._resizeDropdown();
};
return AttachBody;
});
S2.define('select2/dropdown/minimumResultsForSearch',[
], function () {
function countResults (data) {
var count = 0;
for (var d = 0; d < data.length; d++) {
var item = data[d];
if (item.children) {
count += countResults(item.children);
} else {
count++;
}
}
return count;
}
function MinimumResultsForSearch (decorated, $element, options, dataAdapter) {
this.minimumResultsForSearch = options.get('minimumResultsForSearch');
if (this.minimumResultsForSearch < 0) {
this.minimumResultsForSearch = Infinity;
}
decorated.call(this, $element, options, dataAdapter);
}
MinimumResultsForSearch.prototype.showSearch = function (decorated, params) {
if (countResults(params.data.results) < this.minimumResultsForSearch) {
return false;
}
return decorated.call(this, params);
};
return MinimumResultsForSearch;
});
S2.define('select2/dropdown/selectOnClose',[
], function () {
function SelectOnClose () { }
SelectOnClose.prototype.bind = function (decorated, container, $container) {
var self = this;
decorated.call(this, container, $container);
container.on('close', function () {
self._handleSelectOnClose();
});
};
SelectOnClose.prototype._handleSelectOnClose = function () {
var $highlightedResults = this.getHighlightedResults();
if ($highlightedResults.length < 1) {
return;
}
this.trigger('select', {
data: $highlightedResults.data('data')
});
};
return SelectOnClose;
});
S2.define('select2/dropdown/closeOnSelect',[
], function () {
function CloseOnSelect () { }
CloseOnSelect.prototype.bind = function (decorated, container, $container) {
var self = this;
decorated.call(this, container, $container);
container.on('select', function (evt) {
self._selectTriggered(evt);
});
container.on('unselect', function (evt) {
self._selectTriggered(evt);
});
};
CloseOnSelect.prototype._selectTriggered = function (_, evt) {
var originalEvent = evt.originalEvent;
// Don't close if the control key is being held
if (originalEvent && originalEvent.ctrlKey) {
return;
}
this.trigger('close');
};
return CloseOnSelect;
});
S2.define('select2/i18n/en',[],function () {
// English
return {
errorLoading: function () {
return 'The results could not be loaded.';
},
inputTooLong: function (args) {
var overChars = args.input.length - args.maximum;
var message = 'Please delete ' + overChars + ' character';
if (overChars != 1) {
message += 's';
}
return message;
},
inputTooShort: function (args) {
var remainingChars = args.minimum - args.input.length;
var message = 'Please enter ' + remainingChars + ' or more characters';
return message;
},
loadingMore: function () {
return 'Loading more results…';
},
maximumSelected: function (args) {
var message = 'You can only select ' + args.maximum + ' item';
if (args.maximum != 1) {
message += 's';
}
return message;
},
noResults: function () {
return 'No results found';
},
searching: function () {
return 'Searching…';
}
};
});
S2.define('select2/defaults',[
'jquery',
'require',
'./results',
'./selection/single',
'./selection/multiple',
'./selection/placeholder',
'./selection/allowClear',
'./selection/search',
'./selection/eventRelay',
'./utils',
'./translation',
'./diacritics',
'./data/select',
'./data/array',
'./data/ajax',
'./data/tags',
'./data/tokenizer',
'./data/minimumInputLength',
'./data/maximumInputLength',
'./data/maximumSelectionLength',
'./dropdown',
'./dropdown/search',
'./dropdown/hidePlaceholder',
'./dropdown/infiniteScroll',
'./dropdown/attachBody',
'./dropdown/minimumResultsForSearch',
'./dropdown/selectOnClose',
'./dropdown/closeOnSelect',
'./i18n/en'
], function ($, require,
ResultsList,
SingleSelection, MultipleSelection, Placeholder, AllowClear,
SelectionSearch, EventRelay,
Utils, Translation, DIACRITICS,
SelectData, ArrayData, AjaxData, Tags, Tokenizer,
MinimumInputLength, MaximumInputLength, MaximumSelectionLength,
Dropdown, DropdownSearch, HidePlaceholder, InfiniteScroll,
AttachBody, MinimumResultsForSearch, SelectOnClose, CloseOnSelect,
EnglishTranslation) {
function Defaults () {
this.reset();
}
Defaults.prototype.apply = function (options) {
options = $.extend({}, this.defaults, options);
if (options.dataAdapter == null) {
if (options.ajax != null) {
options.dataAdapter = AjaxData;
} else if (options.data != null) {
options.dataAdapter = ArrayData;
} else {
options.dataAdapter = SelectData;
}
if (options.minimumInputLength > 0) {
options.dataAdapter = Utils.Decorate(
options.dataAdapter,
MinimumInputLength
);
}
if (options.maximumInputLength > 0) {
options.dataAdapter = Utils.Decorate(
options.dataAdapter,
MaximumInputLength
);
}
if (options.maximumSelectionLength > 0) {
options.dataAdapter = Utils.Decorate(
options.dataAdapter,
MaximumSelectionLength
);
}
if (options.tags) {
options.dataAdapter = Utils.Decorate(options.dataAdapter, Tags);
}
if (options.tokenSeparators != null || options.tokenizer != null) {
options.dataAdapter = Utils.Decorate(
options.dataAdapter,
Tokenizer
);
}
if (options.query != null) {
var Query = require(options.amdBase + 'compat/query');
options.dataAdapter = Utils.Decorate(
options.dataAdapter,
Query
);
}
if (options.initSelection != null) {
var InitSelection = require(options.amdBase + 'compat/initSelection');
options.dataAdapter = Utils.Decorate(
options.dataAdapter,
InitSelection
);
}
}
if (options.resultsAdapter == null) {
options.resultsAdapter = ResultsList;
if (options.ajax != null) {
options.resultsAdapter = Utils.Decorate(
options.resultsAdapter,
InfiniteScroll
);
}
if (options.placeholder != null) {
options.resultsAdapter = Utils.Decorate(
options.resultsAdapter,
HidePlaceholder
);
}
if (options.selectOnClose) {
options.resultsAdapter = Utils.Decorate(
options.resultsAdapter,
SelectOnClose
);
}
}
if (options.dropdownAdapter == null) {
if (options.multiple) {
options.dropdownAdapter = Dropdown;
} else {
var SearchableDropdown = Utils.Decorate(Dropdown, DropdownSearch);
options.dropdownAdapter = SearchableDropdown;
}
if (options.minimumResultsForSearch !== 0) {
options.dropdownAdapter = Utils.Decorate(
options.dropdownAdapter,
MinimumResultsForSearch
);
}
if (options.closeOnSelect) {
options.dropdownAdapter = Utils.Decorate(
options.dropdownAdapter,
CloseOnSelect
);
}
if (
options.dropdownCssClass != null ||
options.dropdownCss != null ||
options.adaptDropdownCssClass != null
) {
var DropdownCSS = require(options.amdBase + 'compat/dropdownCss');
options.dropdownAdapter = Utils.Decorate(
options.dropdownAdapter,
DropdownCSS
);
}
options.dropdownAdapter = Utils.Decorate(
options.dropdownAdapter,
AttachBody
);
}
if (options.selectionAdapter == null) {
if (options.multiple) {
options.selectionAdapter = MultipleSelection;
} else {
options.selectionAdapter = SingleSelection;
}
// Add the placeholder mixin if a placeholder was specified
if (options.placeholder != null) {
options.selectionAdapter = Utils.Decorate(
options.selectionAdapter,
Placeholder
);
}
if (options.allowClear) {
options.selectionAdapter = Utils.Decorate(
options.selectionAdapter,
AllowClear
);
}
if (options.multiple) {
options.selectionAdapter = Utils.Decorate(
options.selectionAdapter,
SelectionSearch
);
}
if (
options.containerCssClass != null ||
options.containerCss != null ||
options.adaptContainerCssClass != null
) {
var ContainerCSS = require(options.amdBase + 'compat/containerCss');
options.selectionAdapter = Utils.Decorate(
options.selectionAdapter,
ContainerCSS
);
}
options.selectionAdapter = Utils.Decorate(
options.selectionAdapter,
EventRelay
);
}
if (typeof options.language === 'string') {
// Check if the language is specified with a region
if (options.language.indexOf('-') > 0) {
// Extract the region information if it is included
var languageParts = options.language.split('-');
var baseLanguage = languageParts[0];
options.language = [options.language, baseLanguage];
} else {
options.language = [options.language];
}
}
if ($.isArray(options.language)) {
var languages = new Translation();
options.language.push('en');
var languageNames = options.language;
for (var l = 0; l < languageNames.length; l++) {
var name = languageNames[l];
var language = {};
try {
// Try to load it with the original name
language = Translation.loadPath(name);
} catch (e) {
try {
// If we couldn't load it, check if it wasn't the full path
name = this.defaults.amdLanguageBase + name;
language = Translation.loadPath(name);
} catch (ex) {
// The translation could not be loaded at all. Sometimes this is
// because of a configuration problem, other times this can be
// because of how Select2 helps load all possible translation files.
if (options.debug && window.console && console.warn) {
console.warn(
'Select2: The language file for "' + name + '" could not be ' +
'automatically loaded. A fallback will be used instead.'
);
}
continue;
}
}
languages.extend(language);
}
options.translations = languages;
} else {
var baseTranslation = Translation.loadPath(
this.defaults.amdLanguageBase + 'en'
);
var customTranslation = new Translation(options.language);
customTranslation.extend(baseTranslation);
options.translations = customTranslation;
}
return options;
};
Defaults.prototype.reset = function () {
function stripDiacritics (text) {
// Used 'uni range + named function' from http://jsperf.com/diacritics/18
function match(a) {
return DIACRITICS[a] || a;
}
return text.replace(/[^\u0000-\u007E]/g, match);
}
function matcher (params, data) {
// Always return the object if there is nothing to compare
if ($.trim(params.term) === '') {
return data;
}
// Do a recursive check for options with children
if (data.children && data.children.length > 0) {
// Clone the data object if there are children
// This is required as we modify the object to remove any non-matches
var match = $.extend(true, {}, data);
// Check each child of the option
for (var c = data.children.length - 1; c >= 0; c--) {
var child = data.children[c];
var matches = matcher(params, child);
// If there wasn't a match, remove the object in the array
if (matches == null) {
match.children.splice(c, 1);
}
}
// If any children matched, return the new object
if (match.children.length > 0) {
return match;
}
// If there were no matching children, check just the plain object
return matcher(params, match);
}
var original = stripDiacritics(data.text).toUpperCase();
var term = stripDiacritics(params.term).toUpperCase();
// Check if the text contains the term
if (original.indexOf(term) > -1) {
return data;
}
// If it doesn't contain the term, don't return anything
return null;
}
this.defaults = {
amdBase: './',
amdLanguageBase: './i18n/',
closeOnSelect: true,
debug: false,
dropdownAutoWidth: false,
escapeMarkup: Utils.escapeMarkup,
language: EnglishTranslation,
matcher: matcher,
minimumInputLength: 0,
maximumInputLength: 0,
maximumSelectionLength: 0,
minimumResultsForSearch: 0,
selectOnClose: false,
sorter: function (data) {
return data;
},
templateResult: function (result) {
return result.text;
},
templateSelection: function (selection) {
return selection.text;
},
theme: 'default',
width: 'resolve'
};
};
Defaults.prototype.set = function (key, value) {
var camelKey = $.camelCase(key);
var data = {};
data[camelKey] = value;
var convertedData = Utils._convertData(data);
$.extend(this.defaults, convertedData);
};
var defaults = new Defaults();
return defaults;
});
S2.define('select2/options',[
'require',
'jquery',
'./defaults',
'./utils'
], function (require, $, Defaults, Utils) {
function Options (options, $element) {
this.options = options;
if ($element != null) {
this.fromElement($element);
}
this.options = Defaults.apply(this.options);
if ($element && $element.is('input')) {
var InputCompat = require(this.get('amdBase') + 'compat/inputData');
this.options.dataAdapter = Utils.Decorate(
this.options.dataAdapter,
InputCompat
);
}
}
Options.prototype.fromElement = function ($e) {
var excludedData = ['select2'];
if (this.options.multiple == null) {
this.options.multiple = $e.prop('multiple');
}
if (this.options.disabled == null) {
this.options.disabled = $e.prop('disabled');
}
if (this.options.language == null) {
if ($e.prop('lang')) {
this.options.language = $e.prop('lang').toLowerCase();
} else if ($e.closest('[lang]').prop('lang')) {
this.options.language = $e.closest('[lang]').prop('lang');
}
}
if (this.options.dir == null) {
if ($e.prop('dir')) {
this.options.dir = $e.prop('dir');
} else if ($e.closest('[dir]').prop('dir')) {
this.options.dir = $e.closest('[dir]').prop('dir');
} else {
this.options.dir = 'ltr';
}
}
$e.prop('disabled', this.options.disabled);
$e.prop('multiple', this.options.multiple);
if ($e.data('select2Tags')) {
if (this.options.debug && window.console && console.warn) {
console.warn(
'Select2: The `data-select2-tags` attribute has been changed to ' +
'use the `data-data` and `data-tags="true"` attributes and will be ' +
'removed in future versions of Select2.'
);
}
$e.data('data', $e.data('select2Tags'));
$e.data('tags', true);
}
if ($e.data('ajaxUrl')) {
if (this.options.debug && window.console && console.warn) {
console.warn(
'Select2: The `data-ajax-url` attribute has been changed to ' +
'`data-ajax--url` and support for the old attribute will be removed' +
' in future versions of Select2.'
);
}
$e.attr('ajax--url', $e.data('ajaxUrl'));
$e.data('ajax--url', $e.data('ajaxUrl'));
}
var dataset = {};
// Prefer the element's `dataset` attribute if it exists
// jQuery 1.x does not correctly handle data attributes with multiple dashes
if ($.fn.jquery && $.fn.jquery.substr(0, 2) == '1.' && $e[0].dataset) {
dataset = $.extend(true, {}, $e[0].dataset, $e.data());
} else {
dataset = $e.data();
}
var data = $.extend(true, {}, dataset);
data = Utils._convertData(data);
for (var key in data) {
if ($.inArray(key, excludedData) > -1) {
continue;
}
if ($.isPlainObject(this.options[key])) {
$.extend(this.options[key], data[key]);
} else {
this.options[key] = data[key];
}
}
return this;
};
Options.prototype.get = function (key) {
return this.options[key];
};
Options.prototype.set = function (key, val) {
this.options[key] = val;
};
return Options;
});
S2.define('select2/core',[
'jquery',
'./options',
'./utils',
'./keys'
], function ($, Options, Utils, KEYS) {
var Select2 = function ($element, options) {
if ($element.data('select2') != null) {
$element.data('select2').destroy();
}
this.$element = $element;
this.id = this._generateId($element);
options = options || {};
this.options = new Options(options, $element);
Select2.__super__.constructor.call(this);
// Set up the tabindex
var tabindex = $element.attr('tabindex') || 0;
$element.data('old-tabindex', tabindex);
$element.attr('tabindex', '-1');
// Set up containers and adapters
var DataAdapter = this.options.get('dataAdapter');
this.dataAdapter = new DataAdapter($element, this.options);
var $container = this.render();
this._placeContainer($container);
var SelectionAdapter = this.options.get('selectionAdapter');
this.selection = new SelectionAdapter($element, this.options);
this.$selection = this.selection.render();
this.selection.position(this.$selection, $container);
var DropdownAdapter = this.options.get('dropdownAdapter');
this.dropdown = new DropdownAdapter($element, this.options);
this.$dropdown = this.dropdown.render();
this.dropdown.position(this.$dropdown, $container);
var ResultsAdapter = this.options.get('resultsAdapter');
this.results = new ResultsAdapter($element, this.options, this.dataAdapter);
this.$results = this.results.render();
this.results.position(this.$results, this.$dropdown);
// Bind events
var self = this;
// Bind the container to all of the adapters
this._bindAdapters();
// Register any DOM event handlers
this._registerDomEvents();
// Register any internal event handlers
this._registerDataEvents();
this._registerSelectionEvents();
this._registerDropdownEvents();
this._registerResultsEvents();
this._registerEvents();
// Set the initial state
this.dataAdapter.current(function (initialData) {
self.trigger('selection:update', {
data: initialData
});
});
// Hide the original select
$element.addClass('select2-hidden-accessible');
$element.attr('aria-hidden', 'true');
// Synchronize any monitored attributes
this._syncAttributes();
$element.data('select2', this);
};
Utils.Extend(Select2, Utils.Observable);
Select2.prototype._generateId = function ($element) {
var id = '';
if ($element.attr('id') != null) {
id = $element.attr('id');
} else if ($element.attr('name') != null) {
id = $element.attr('name') + '-' + Utils.generateChars(2);
} else {
id = Utils.generateChars(4);
}
id = 'select2-' + id;
return id;
};
Select2.prototype._placeContainer = function ($container) {
$container.insertAfter(this.$element);
var width = this._resolveWidth(this.$element, this.options.get('width'));
if (width != null) {
$container.css('width', width);
}
};
Select2.prototype._resolveWidth = function ($element, method) {
var WIDTH = /^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;
if (method == 'resolve') {
var styleWidth = this._resolveWidth($element, 'style');
if (styleWidth != null) {
return styleWidth;
}
return this._resolveWidth($element, 'element');
}
if (method == 'element') {
var elementWidth = $element.outerWidth(false);
if (elementWidth <= 0) {
return 'auto';
}
return elementWidth + 'px';
}
if (method == 'style') {
var style = $element.attr('style');
if (typeof(style) !== 'string') {
return null;
}
var attrs = style.split(';');
for (var i = 0, l = attrs.length; i < l; i = i + 1) {
var attr = attrs[i].replace(/\s/g, '');
var matches = attr.match(WIDTH);
if (matches !== null && matches.length >= 1) {
return matches[1];
}
}
return null;
}
return method;
};
Select2.prototype._bindAdapters = function () {
this.dataAdapter.bind(this, this.$container);
this.selection.bind(this, this.$container);
this.dropdown.bind(this, this.$container);
this.results.bind(this, this.$container);
};
Select2.prototype._registerDomEvents = function () {
var self = this;
this.$element.on('change.select2', function () {
self.dataAdapter.current(function (data) {
self.trigger('selection:update', {
data: data
});
});
});
this._sync = Utils.bind(this._syncAttributes, this);
if (this.$element[0].attachEvent) {
this.$element[0].attachEvent('onpropertychange', this._sync);
}
var observer = window.MutationObserver ||
window.WebKitMutationObserver ||
window.MozMutationObserver
;
if (observer != null) {
this._observer = new observer(function (mutations) {
$.each(mutations, self._sync);
});
this._observer.observe(this.$element[0], {
attributes: true,
subtree: false
});
} else if (this.$element[0].addEventListener) {
this.$element[0].addEventListener('DOMAttrModified', self._sync, false);
}
};
Select2.prototype._registerDataEvents = function () {
var self = this;
this.dataAdapter.on('*', function (name, params) {
self.trigger(name, params);
});
};
Select2.prototype._registerSelectionEvents = function () {
var self = this;
var nonRelayEvents = ['toggle'];
this.selection.on('toggle', function () {
self.toggleDropdown();
});
this.selection.on('*', function (name, params) {
if ($.inArray(name, nonRelayEvents) !== -1) {
return;
}
self.trigger(name, params);
});
};
Select2.prototype._registerDropdownEvents = function () {
var self = this;
this.dropdown.on('*', function (name, params) {
self.trigger(name, params);
});
};
Select2.prototype._registerResultsEvents = function () {
var self = this;
this.results.on('*', function (name, params) {
self.trigger(name, params);
});
};
Select2.prototype._registerEvents = function () {
var self = this;
this.on('open', function () {
self.$container.addClass('select2-container--open');
});
this.on('close', function () {
self.$container.removeClass('select2-container--open');
});
this.on('enable', function () {
self.$container.removeClass('select2-container--disabled');
});
this.on('disable', function () {
self.$container.addClass('select2-container--disabled');
});
this.on('focus', function () {
self.$container.addClass('select2-container--focus');
});
this.on('blur', function () {
self.$container.removeClass('select2-container--focus');
});
this.on('query', function (params) {
if (!self.isOpen()) {
self.trigger('open');
}
this.dataAdapter.query(params, function (data) {
self.trigger('results:all', {
data: data,
query: params
});
});
});
this.on('query:append', function (params) {
this.dataAdapter.query(params, function (data) {
self.trigger('results:append', {
data: data,
query: params
});
});
});
this.on('keypress', function (evt) {
var key = evt.which;
if (self.isOpen()) {
if (key === KEYS.ENTER) {
self.trigger('results:select');
evt.preventDefault();
} else if ((key === KEYS.SPACE && evt.ctrlKey)) {
self.trigger('results:toggle');
evt.preventDefault();
} else if (key === KEYS.UP) {
self.trigger('results:previous');
evt.preventDefault();
} else if (key === KEYS.DOWN) {
self.trigger('results:next');
evt.preventDefault();
} else if (key === KEYS.ESC || key === KEYS.TAB) {
self.close();
evt.preventDefault();
}
} else {
if (key === KEYS.ENTER || key === KEYS.SPACE ||
((key === KEYS.DOWN || key === KEYS.UP) && evt.altKey)) {
self.open();
evt.preventDefault();
}
}
});
};
Select2.prototype._syncAttributes = function () {
this.options.set('disabled', this.$element.prop('disabled'));
if (this.options.get('disabled')) {
if (this.isOpen()) {
this.close();
}
this.trigger('disable');
} else {
this.trigger('enable');
}
};
/**
* Override the trigger method to automatically trigger pre-events when
* there are events that can be prevented.
*/
Select2.prototype.trigger = function (name, args) {
var actualTrigger = Select2.__super__.trigger;
var preTriggerMap = {
'open': 'opening',
'close': 'closing',
'select': 'selecting',
'unselect': 'unselecting'
};
if (name in preTriggerMap) {
var preTriggerName = preTriggerMap[name];
var preTriggerArgs = {
prevented: false,
name: name,
args: args
};
actualTrigger.call(this, preTriggerName, preTriggerArgs);
if (preTriggerArgs.prevented) {
args.prevented = true;
return;
}
}
actualTrigger.call(this, name, args);
};
Select2.prototype.toggleDropdown = function () {
if (this.options.get('disabled')) {
return;
}
if (this.isOpen()) {
this.close();
} else {
this.open();
}
};
Select2.prototype.open = function () {
if (this.isOpen()) {
return;
}
this.trigger('query', {});
this.trigger('open');
};
Select2.prototype.close = function () {
if (!this.isOpen()) {
return;
}
this.trigger('close');
};
Select2.prototype.isOpen = function () {
return this.$container.hasClass('select2-container--open');
};
Select2.prototype.enable = function (args) {
if (this.options.get('debug') && window.console && console.warn) {
console.warn(
'Select2: The `select2("enable")` method has been deprecated and will' +
' be removed in later Select2 versions. Use $element.prop("disabled")' +
' instead.'
);
}
if (args == null || args.length === 0) {
args = [true];
}
var disabled = !args[0];
this.$element.prop('disabled', disabled);
};
Select2.prototype.data = function () {
if (this.options.get('debug') &&
arguments.length > 0 && window.console && console.warn) {
console.warn(
'Select2: Data can no longer be set using `select2("data")`. You ' +
'should consider setting the value instead using `$element.val()`.'
);
}
var data = [];
this.dataAdapter.current(function (currentData) {
data = currentData;
});
return data;
};
Select2.prototype.val = function (args) {
if (this.options.get('debug') && window.console && console.warn) {
console.warn(
'Select2: The `select2("val")` method has been deprecated and will be' +
' removed in later Select2 versions. Use $element.val() instead.'
);
}
if (args == null || args.length === 0) {
return this.$element.val();
}
var newVal = args[0];
if ($.isArray(newVal)) {
newVal = $.map(newVal, function (obj) {
return obj.toString();
});
}
this.$element.val(newVal).trigger('change');
};
Select2.prototype.destroy = function () {
this.$container.remove();
if (this.$element[0].detachEvent) {
this.$element[0].detachEvent('onpropertychange', this._sync);
}
if (this._observer != null) {
this._observer.disconnect();
this._observer = null;
} else if (this.$element[0].removeEventListener) {
this.$element[0]
.removeEventListener('DOMAttrModified', this._sync, false);
}
this._sync = null;
this.$element.off('.select2');
this.$element.attr('tabindex', this.$element.data('old-tabindex'));
this.$element.removeClass('select2-hidden-accessible');
this.$element.attr('aria-hidden', 'false');
this.$element.removeData('select2');
this.dataAdapter.destroy();
this.selection.destroy();
this.dropdown.destroy();
this.results.destroy();
this.dataAdapter = null;
this.selection = null;
this.dropdown = null;
this.results = null;
};
Select2.prototype.render = function () {
var $container = $(
'' +
'' +
'' +
''
);
$container.attr('dir', this.options.get('dir'));
this.$container = $container;
this.$container.addClass('select2-container--' + this.options.get('theme'));
$container.data('element', this.$element);
return $container;
};
return Select2;
});
S2.define('jquery.select2',[
'jquery',
'require',
'./select2/core',
'./select2/defaults'
], function ($, require, Select2, Defaults) {
// Force jQuery.mousewheel to be loaded if it hasn't already
require('jquery.mousewheel');
if ($.fn.select2 == null) {
// All methods that should return the element
var thisMethods = ['open', 'close', 'destroy'];
$.fn.select2 = function (options) {
options = options || {};
if (typeof options === 'object') {
this.each(function () {
var instanceOptions = $.extend({}, options, true);
var instance = new Select2($(this), instanceOptions);
});
return this;
} else if (typeof options === 'string') {
var instance = this.data('select2');
if (instance == null && window.console && console.error) {
console.error(
'The select2(\'' + options + '\') method was called on an ' +
'element that is not using Select2.'
);
}
var args = Array.prototype.slice.call(arguments, 1);
var ret = instance[options](args);
// Check if we should be returning `this`
if ($.inArray(options, thisMethods) > -1) {
return this;
}
return ret;
} else {
throw new Error('Invalid arguments for Select2: ' + options);
}
};
}
if ($.fn.select2.defaults == null) {
$.fn.select2.defaults = Defaults;
}
return Select2;
});
S2.define('jquery.mousewheel',[
'jquery'
], function ($) {
// Used to shim jQuery.mousewheel for non-full builds.
return $;
});
// Return the AMD loader configuration so it can be used outside of this file
return {
define: S2.define,
require: S2.require
};
}());
// Autoload the jQuery bindings
// We know that all of the modules exist above this, so we're safe
var select2 = S2.require('jquery.select2');
// Hold the AMD module references on the jQuery function that was just loaded
// This allows Select2 to use the internal loader outside of this file, such
// as in the language files.
jQuery.fn.select2.amd = S2;
// Return the Select2 instance for anyone who is importing it.
return select2;
}));
/**
* @license wysihtml v0.5.2
* https://github.com/Voog/wysihtml
*
* Author: Christopher Blum (https://github.com/tiff)
* Secondary author of extended features: Oliver Pulges (https://github.com/pulges)
*
* Copyright (C) 2012 XING AG
* Licensed under the MIT license (MIT)
*
*/
var wysihtml5 = {
version: "0.5.2",
// namespaces
commands: {},
dom: {},
quirks: {},
toolbar: {},
lang: {},
selection: {},
views: {},
INVISIBLE_SPACE: "\uFEFF",
INVISIBLE_SPACE_REG_EXP: /\uFEFF/g,
EMPTY_FUNCTION: function() {},
ELEMENT_NODE: 1,
TEXT_NODE: 3,
BACKSPACE_KEY: 8,
ENTER_KEY: 13,
ESCAPE_KEY: 27,
SPACE_KEY: 32,
TAB_KEY: 9,
DELETE_KEY: 46
};
;wysihtml5.polyfills = function(win, doc) {
// TODO: in future try to replace most inline compability checks with polyfills for code readability
// IE8 SUPPORT BLOCK
// You can compile without all this if IE8 is not needed
// String trim for ie8
if (!String.prototype.trim) {
(function() {
// Make sure we trim BOM and NBSP
var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
String.prototype.trim = function() {
return this.replace(rtrim, '');
};
})();
}
// addEventListener, removeEventListener
(function() {
var s_add = 'addEventListener',
s_rem = 'removeEventListener';
if( doc[s_add] ) return;
win.Element.prototype[ s_add ] = win[ s_add ] = doc[ s_add ] = function( on, fn, self ) {
return (self = this).attachEvent( 'on' + on, function(e){
var e = e || win.event;
e.target = e.target || e.srcElement;
e.preventDefault = e.preventDefault || function(){e.returnValue = false};
e.stopPropagation = e.stopPropagation || function(){e.cancelBubble = true};
e.which = e.button ? ( e.button === 2 ? 3 : e.button === 4 ? 2 : e.button ) : e.keyCode;
fn.call(self, e);
});
};
win.Element.prototype[ s_rem ] = win[ s_rem ] = doc[ s_rem ] = function( on, fn ) {
return this.detachEvent( 'on' + on, fn );
};
})();
// element.textContent polyfill.
if (Object.defineProperty && Object.getOwnPropertyDescriptor && Object.getOwnPropertyDescriptor(win.Element.prototype, "textContent") && !Object.getOwnPropertyDescriptor(win.Element.prototype, "textContent").get) {
(function() {
var innerText = Object.getOwnPropertyDescriptor(win.Element.prototype, "innerText");
Object.defineProperty(win.Element.prototype, "textContent",
{
get: function() {
return innerText.get.call(this);
},
set: function(s) {
return innerText.set.call(this, s);
}
}
);
})();
}
// isArray polyfill for ie8
if(!Array.isArray) {
Array.isArray = function(arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
}
// Array indexOf for ie8
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(a,f) {
for(var c=this.length,r=-1,d=f>>>0; ~(c-d); r=this[--c]===a?c:r);
return r;
};
}
// Function.prototype.bind()
// TODO: clean the code from variable 'that' as it can be confusing
if (!Function.prototype.bind) {
Function.prototype.bind = function(oThis) {
if (typeof this !== 'function') {
// closest thing possible to the ECMAScript 5
// internal IsCallable function
throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
}
var aArgs = Array.prototype.slice.call(arguments, 1),
fToBind = this,
fNOP = function() {},
fBound = function() {
return fToBind.apply(this instanceof fNOP && oThis
? this
: oThis,
aArgs.concat(Array.prototype.slice.call(arguments)));
};
fNOP.prototype = this.prototype;
fBound.prototype = new fNOP();
return fBound;
};
}
// closest and matches polyfill
// https://github.com/jonathantneal/closest
(function (ELEMENT) {
ELEMENT.matches = ELEMENT.matches || ELEMENT.mozMatchesSelector || ELEMENT.msMatchesSelector || ELEMENT.oMatchesSelector || ELEMENT.webkitMatchesSelector || function matches(selector) {
var
element = this,
elements = (element.document || element.ownerDocument).querySelectorAll(selector),
index = 0;
while (elements[index] && elements[index] !== element) {
++index;
}
return elements[index] ? true : false;
};
ELEMENT.closest = ELEMENT.closest || function closest(selector) {
var element = this;
while (element) {
if (element.matches(selector)) {
break;
}
element = element.parentElement;
}
return element;
};
}(Element.prototype));
// Element.classList for ie8-9 (toggle all IE)
// source http://purl.eligrey.com/github/classList.js/blob/master/classList.js
if ("document" in win) {
// Full polyfill for browsers with no classList support
if (!("classList" in doc.createElement("_"))) {
(function(view) {
"use strict";
if (!('Element' in view)) return;
var
classListProp = "classList",
protoProp = "prototype",
elemCtrProto = view.Element[protoProp],
objCtr = Object,
strTrim = String[protoProp].trim || function() {
return this.replace(/^\s+|\s+$/g, "");
},
arrIndexOf = Array[protoProp].indexOf || function(item) {
var
i = 0,
len = this.length;
for (; i < len; i++) {
if (i in this && this[i] === item) {
return i;
}
}
return -1;
}, // Vendors: please allow content code to instantiate DOMExceptions
DOMEx = function(type, message) {
this.name = type;
this.code = DOMException[type];
this.message = message;
},
checkTokenAndGetIndex = function(classList, token) {
if (token === "") {
throw new DOMEx(
"SYNTAX_ERR", "An invalid or illegal string was specified"
);
}
if (/\s/.test(token)) {
throw new DOMEx(
"INVALID_CHARACTER_ERR", "String contains an invalid character"
);
}
return arrIndexOf.call(classList, token);
},
ClassList = function(elem) {
var
trimmedClasses = strTrim.call(elem.getAttribute("class") || ""),
classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [],
i = 0,
len = classes.length;
for (; i < len; i++) {
this.push(classes[i]);
}
this._updateClassName = function() {
elem.setAttribute("class", this.toString());
};
},
classListProto = ClassList[protoProp] = [],
classListGetter = function() {
return new ClassList(this);
};
// Most DOMException implementations don't allow calling DOMException's toString()
// on non-DOMExceptions. Error's toString() is sufficient here.
DOMEx[protoProp] = Error[protoProp];
classListProto.item = function(i) {
return this[i] || null;
};
classListProto.contains = function(token) {
token += "";
return checkTokenAndGetIndex(this, token) !== -1;
};
classListProto.add = function() {
var
tokens = arguments,
i = 0,
l = tokens.length,
token, updated = false;
do {
token = tokens[i] + "";
if (checkTokenAndGetIndex(this, token) === -1) {
this.push(token);
updated = true;
}
}
while (++i < l);
if (updated) {
this._updateClassName();
}
};
classListProto.remove = function() {
var
tokens = arguments,
i = 0,
l = tokens.length,
token, updated = false,
index;
do {
token = tokens[i] + "";
index = checkTokenAndGetIndex(this, token);
while (index !== -1) {
this.splice(index, 1);
updated = true;
index = checkTokenAndGetIndex(this, token);
}
}
while (++i < l);
if (updated) {
this._updateClassName();
}
};
classListProto.toggle = function(token, force) {
token += "";
var
result = this.contains(token),
method = result ?
force !== true && "remove" :
force !== false && "add";
if (method) {
this[method](token);
}
if (force === true || force === false) {
return force;
} else {
return !result;
}
};
classListProto.toString = function() {
return this.join(" ");
};
if (objCtr.defineProperty) {
var classListPropDesc = {
get: classListGetter,
enumerable: true,
configurable: true
};
try {
objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
} catch (ex) { // IE 8 doesn't support enumerable:true
if (ex.number === -0x7FF5EC54) {
classListPropDesc.enumerable = false;
objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
}
}
} else if (objCtr[protoProp].__defineGetter__) {
elemCtrProto.__defineGetter__(classListProp, classListGetter);
}
}(win));
} else if ("DOMTokenList" in win) {
// There is full or partial native classList support, so just check if we need
// to normalize the add/remove and toggle APIs.
// DOMTokenList is expected to exist (removes conflicts with multiple polyfills present on site)
(function() {
"use strict";
var testElement = doc.createElement("_");
testElement.classList.add("c1", "c2");
// Polyfill for IE 10/11 and Firefox <26, where classList.add and
// classList.remove exist but support only one argument at a time.
if (!testElement.classList.contains("c2")) {
var createMethod = function(method) {
var original = win.DOMTokenList.prototype[method];
win.DOMTokenList.prototype[method] = function(token) {
var i, len = arguments.length;
for (i = 0; i < len; i++) {
token = arguments[i];
original.call(this, token);
}
};
};
createMethod('add');
createMethod('remove');
}
testElement.classList.toggle("c3", false);
// Polyfill for IE 10 and Firefox <24, where classList.toggle does not
// support the second argument.
if (testElement.classList.contains("c3")) {
var _toggle = win.DOMTokenList.prototype.toggle;
win.DOMTokenList.prototype.toggle = function(token, force) {
if (1 in arguments && !this.contains(token) === !force) {
return force;
} else {
return _toggle.call(this, token);
}
};
}
testElement = null;
}());
}
}
// Safary has a bug of not restoring selection after node.normalize correctly.
// Detects the misbegaviour and patches it
var normalizeHasCaretError = function() {
if ("createRange" in document && "getSelection" in window) {
var e = document.createElement('div'),
t1 = document.createTextNode('a'),
t2 = document.createTextNode('a'),
t3 = document.createTextNode('a'),
r = document.createRange(),
s, ret;
e.setAttribute('contenteditable', 'true');
e.appendChild(t1);
e.appendChild(t2);
e.appendChild(t3);
document.body.appendChild(e);
r.setStart(t2, 1);
r.setEnd(t2, 1);
s = window.getSelection();
s.removeAllRanges();
s.addRange(r);
e.normalize();
s = window.getSelection();
ret = (e.childNodes.length !== 1 || s.anchorNode !== e.firstChild || s.anchorOffset !== 2);
e.parentNode.removeChild(e);
s.removeAllRanges();
return ret;
}
};
var getTextNodes = function(node){
var all = [];
for (node=node.firstChild;node;node=node.nextSibling){
if (node.nodeType == 3) {
all.push(node);
} else {
all = all.concat(getTextNodes(node));
}
}
return all;
};
var normalizeFix = function() {
var f = Node.prototype.normalize;
var nf = function() {
var texts = getTextNodes(this),
s = this.ownerDocument.defaultView.getSelection(),
anode = s.anchorNode,
aoffset = s.anchorOffset,
aelement = anode && anode.nodeType === 1 && anode.childNodes.length > 0 ? anode.childNodes[aoffset] : undefined,
fnode = s.focusNode,
foffset = s.focusOffset,
felement = fnode && fnode.nodeType === 1 && foffset > 0 ? fnode.childNodes[foffset -1] : undefined,
r = this.ownerDocument.createRange(),
prevTxt = texts.shift(),
curText = prevTxt ? texts.shift() : null;
if (felement && felement.nodeType === 3) {
fnode = felement;
foffset = felement.nodeValue.length;
felement = undefined;
}
if (aelement && aelement.nodeType === 3) {
anode = aelement;
aoffset = 0;
aelement = undefined;
}
if ((anode === fnode && foffset < aoffset) || (anode !== fnode && (anode.compareDocumentPosition(fnode) & Node.DOCUMENT_POSITION_PRECEDING) && !(anode.compareDocumentPosition(fnode) & Node.DOCUMENT_POSITION_CONTAINS))) {
fnode = [anode, anode = fnode][0];
foffset = [aoffset, aoffset = foffset][0];
}
while(prevTxt && curText) {
if (curText.previousSibling && curText.previousSibling === prevTxt) {
if (anode === curText) {
anode = prevTxt;
aoffset = prevTxt.nodeValue.length + aoffset;
}
if (fnode === curText) {
fnode = prevTxt;
foffset = prevTxt.nodeValue.length + foffset;
}
prevTxt.nodeValue = prevTxt.nodeValue + curText.nodeValue;
curText.parentNode.removeChild(curText);
curText = texts.shift();
} else {
prevTxt = curText;
curText = texts.shift();
}
}
if (felement) {
foffset = Array.prototype.indexOf.call(felement.parentNode.childNodes, felement) + 1;
}
if (aelement) {
aoffset = Array.prototype.indexOf.call(aelement.parentNode.childNodes, aelement);
}
if (anode && anode.parentNode && fnode && fnode.parentNode) {
r.setStart(anode, aoffset);
r.setEnd(fnode, foffset);
s.removeAllRanges();
s.addRange(r);
}
};
Node.prototype.normalize = nf;
};
var F = function() {
window.removeEventListener("load", F);
if ("Node" in window && "normalize" in Node.prototype && normalizeHasCaretError()) {
normalizeFix();
}
};
if (doc.readyState !== "complete") {
window.addEventListener("load", F);
} else {
F();
}
};
wysihtml5.polyfills(window, document);
;/**
* Rangy, a cross-browser JavaScript range and selection library
* https://github.com/timdown/rangy
*
* Copyright 2015, Tim Down
* Licensed under the MIT license.
* Version: 1.3.0
* Build date: 10 May 2015
*/
(function(factory, root) {
if (typeof define == "function" && define.amd) {
// AMD. Register as an anonymous module.
define(factory);
} else if (typeof module != "undefined" && typeof exports == "object") {
// Node/CommonJS style
module.exports = factory();
} else {
// No AMD or CommonJS support so we place Rangy in (probably) the global variable
root.rangy = factory();
}
})(function() {
var OBJECT = "object", FUNCTION = "function", UNDEFINED = "undefined";
// Minimal set of properties required for DOM Level 2 Range compliance. Comparison constants such as START_TO_START
// are omitted because ranges in KHTML do not have them but otherwise work perfectly well. See issue 113.
var domRangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed",
"commonAncestorContainer"];
// Minimal set of methods required for DOM Level 2 Range compliance
var domRangeMethods = ["setStart", "setStartBefore", "setStartAfter", "setEnd", "setEndBefore",
"setEndAfter", "collapse", "selectNode", "selectNodeContents", "compareBoundaryPoints", "deleteContents",
"extractContents", "cloneContents", "insertNode", "surroundContents", "cloneRange", "toString", "detach"];
var textRangeProperties = ["boundingHeight", "boundingLeft", "boundingTop", "boundingWidth", "htmlText", "text"];
// Subset of TextRange's full set of methods that we're interested in
var textRangeMethods = ["collapse", "compareEndPoints", "duplicate", "moveToElementText", "parentElement", "select",
"setEndPoint", "getBoundingClientRect"];
/*----------------------------------------------------------------------------------------------------------------*/
// Trio of functions taken from Peter Michaux's article:
// http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting
function isHostMethod(o, p) {
var t = typeof o[p];
return t == FUNCTION || (!!(t == OBJECT && o[p])) || t == "unknown";
}
function isHostObject(o, p) {
return !!(typeof o[p] == OBJECT && o[p]);
}
function isHostProperty(o, p) {
return typeof o[p] != UNDEFINED;
}
// Creates a convenience function to save verbose repeated calls to tests functions
function createMultiplePropertyTest(testFunc) {
return function(o, props) {
var i = props.length;
while (i--) {
if (!testFunc(o, props[i])) {
return false;
}
}
return true;
};
}
// Next trio of functions are a convenience to save verbose repeated calls to previous two functions
var areHostMethods = createMultiplePropertyTest(isHostMethod);
var areHostObjects = createMultiplePropertyTest(isHostObject);
var areHostProperties = createMultiplePropertyTest(isHostProperty);
function isTextRange(range) {
return range && areHostMethods(range, textRangeMethods) && areHostProperties(range, textRangeProperties);
}
function getBody(doc) {
return isHostObject(doc, "body") ? doc.body : doc.getElementsByTagName("body")[0];
}
var forEach = [].forEach ?
function(arr, func) {
arr.forEach(func);
} :
function(arr, func) {
for (var i = 0, len = arr.length; i < len; ++i) {
func(arr[i], i);
}
};
var modules = {};
var isBrowser = (typeof window != UNDEFINED && typeof document != UNDEFINED);
var util = {
isHostMethod: isHostMethod,
isHostObject: isHostObject,
isHostProperty: isHostProperty,
areHostMethods: areHostMethods,
areHostObjects: areHostObjects,
areHostProperties: areHostProperties,
isTextRange: isTextRange,
getBody: getBody,
forEach: forEach
};
var api = {
version: "1.3.0",
initialized: false,
isBrowser: isBrowser,
supported: true,
util: util,
features: {},
modules: modules,
config: {
alertOnFail: false,
alertOnWarn: false,
preferTextRange: false,
autoInitialize: (typeof rangyAutoInitialize == UNDEFINED) ? true : rangyAutoInitialize
}
};
function consoleLog(msg) {
if (typeof console != UNDEFINED && isHostMethod(console, "log")) {
console.log(msg);
}
}
function alertOrLog(msg, shouldAlert) {
if (isBrowser && shouldAlert) {
alert(msg);
} else {
consoleLog(msg);
}
}
function fail(reason) {
api.initialized = true;
api.supported = false;
alertOrLog("Rangy is not supported in this environment. Reason: " + reason, api.config.alertOnFail);
}
api.fail = fail;
function warn(msg) {
alertOrLog("Rangy warning: " + msg, api.config.alertOnWarn);
}
api.warn = warn;
// Add utility extend() method
var extend;
if ({}.hasOwnProperty) {
util.extend = extend = function(obj, props, deep) {
var o, p;
for (var i in props) {
if (props.hasOwnProperty(i)) {
o = obj[i];
p = props[i];
if (deep && o !== null && typeof o == "object" && p !== null && typeof p == "object") {
extend(o, p, true);
}
obj[i] = p;
}
}
// Special case for toString, which does not show up in for...in loops in IE <= 8
if (props.hasOwnProperty("toString")) {
obj.toString = props.toString;
}
return obj;
};
util.createOptions = function(optionsParam, defaults) {
var options = {};
extend(options, defaults);
if (optionsParam) {
extend(options, optionsParam);
}
return options;
};
} else {
fail("hasOwnProperty not supported");
}
// Test whether we're in a browser and bail out if not
if (!isBrowser) {
fail("Rangy can only run in a browser");
}
// Test whether Array.prototype.slice can be relied on for NodeLists and use an alternative toArray() if not
(function() {
var toArray;
if (isBrowser) {
var el = document.createElement("div");
el.appendChild(document.createElement("span"));
var slice = [].slice;
try {
if (slice.call(el.childNodes, 0)[0].nodeType == 1) {
toArray = function(arrayLike) {
return slice.call(arrayLike, 0);
};
}
} catch (e) {}
}
if (!toArray) {
toArray = function(arrayLike) {
var arr = [];
for (var i = 0, len = arrayLike.length; i < len; ++i) {
arr[i] = arrayLike[i];
}
return arr;
};
}
util.toArray = toArray;
})();
// Very simple event handler wrapper function that doesn't attempt to solve issues such as "this" handling or
// normalization of event properties
var addListener;
if (isBrowser) {
if (isHostMethod(document, "addEventListener")) {
addListener = function(obj, eventType, listener) {
obj.addEventListener(eventType, listener, false);
};
} else if (isHostMethod(document, "attachEvent")) {
addListener = function(obj, eventType, listener) {
obj.attachEvent("on" + eventType, listener);
};
} else {
fail("Document does not have required addEventListener or attachEvent method");
}
util.addListener = addListener;
}
var initListeners = [];
function getErrorDesc(ex) {
return ex.message || ex.description || String(ex);
}
// Initialization
function init() {
if (!isBrowser || api.initialized) {
return;
}
var testRange;
var implementsDomRange = false, implementsTextRange = false;
// First, perform basic feature tests
if (isHostMethod(document, "createRange")) {
testRange = document.createRange();
if (areHostMethods(testRange, domRangeMethods) && areHostProperties(testRange, domRangeProperties)) {
implementsDomRange = true;
}
}
var body = getBody(document);
if (!body || body.nodeName.toLowerCase() != "body") {
fail("No body element found");
return;
}
if (body && isHostMethod(body, "createTextRange")) {
testRange = body.createTextRange();
if (isTextRange(testRange)) {
implementsTextRange = true;
}
}
if (!implementsDomRange && !implementsTextRange) {
fail("Neither Range nor TextRange are available");
return;
}
api.initialized = true;
api.features = {
implementsDomRange: implementsDomRange,
implementsTextRange: implementsTextRange
};
// Initialize modules
var module, errorMessage;
for (var moduleName in modules) {
if ( (module = modules[moduleName]) instanceof Module ) {
module.init(module, api);
}
}
// Call init listeners
for (var i = 0, len = initListeners.length; i < len; ++i) {
try {
initListeners[i](api);
} catch (ex) {
errorMessage = "Rangy init listener threw an exception. Continuing. Detail: " + getErrorDesc(ex);
consoleLog(errorMessage);
}
}
}
function deprecationNotice(deprecated, replacement, module) {
if (module) {
deprecated += " in module " + module.name;
}
api.warn("DEPRECATED: " + deprecated + " is deprecated. Please use " +
replacement + " instead.");
}
function createAliasForDeprecatedMethod(owner, deprecated, replacement, module) {
owner[deprecated] = function() {
deprecationNotice(deprecated, replacement, module);
return owner[replacement].apply(owner, util.toArray(arguments));
};
}
util.deprecationNotice = deprecationNotice;
util.createAliasForDeprecatedMethod = createAliasForDeprecatedMethod;
// Allow external scripts to initialize this library in case it's loaded after the document has loaded
api.init = init;
// Execute listener immediately if already initialized
api.addInitListener = function(listener) {
if (api.initialized) {
listener(api);
} else {
initListeners.push(listener);
}
};
var shimListeners = [];
api.addShimListener = function(listener) {
shimListeners.push(listener);
};
function shim(win) {
win = win || window;
init();
// Notify listeners
for (var i = 0, len = shimListeners.length; i < len; ++i) {
shimListeners[i](win);
}
}
if (isBrowser) {
api.shim = api.createMissingNativeApi = shim;
createAliasForDeprecatedMethod(api, "createMissingNativeApi", "shim");
}
function Module(name, dependencies, initializer) {
this.name = name;
this.dependencies = dependencies;
this.initialized = false;
this.supported = false;
this.initializer = initializer;
}
Module.prototype = {
init: function() {
var requiredModuleNames = this.dependencies || [];
for (var i = 0, len = requiredModuleNames.length, requiredModule, moduleName; i < len; ++i) {
moduleName = requiredModuleNames[i];
requiredModule = modules[moduleName];
if (!requiredModule || !(requiredModule instanceof Module)) {
throw new Error("required module '" + moduleName + "' not found");
}
requiredModule.init();
if (!requiredModule.supported) {
throw new Error("required module '" + moduleName + "' not supported");
}
}
// Now run initializer
this.initializer(this);
},
fail: function(reason) {
this.initialized = true;
this.supported = false;
throw new Error(reason);
},
warn: function(msg) {
api.warn("Module " + this.name + ": " + msg);
},
deprecationNotice: function(deprecated, replacement) {
api.warn("DEPRECATED: " + deprecated + " in module " + this.name + " is deprecated. Please use " +
replacement + " instead");
},
createError: function(msg) {
return new Error("Error in Rangy " + this.name + " module: " + msg);
}
};
function createModule(name, dependencies, initFunc) {
var newModule = new Module(name, dependencies, function(module) {
if (!module.initialized) {
module.initialized = true;
try {
initFunc(api, module);
module.supported = true;
} catch (ex) {
var errorMessage = "Module '" + name + "' failed to load: " + getErrorDesc(ex);
consoleLog(errorMessage);
if (ex.stack) {
consoleLog(ex.stack);
}
}
}
});
modules[name] = newModule;
return newModule;
}
api.createModule = function(name) {
// Allow 2 or 3 arguments (second argument is an optional array of dependencies)
var initFunc, dependencies;
if (arguments.length == 2) {
initFunc = arguments[1];
dependencies = [];
} else {
initFunc = arguments[2];
dependencies = arguments[1];
}
var module = createModule(name, dependencies, initFunc);
// Initialize the module immediately if the core is already initialized
if (api.initialized && api.supported) {
module.init();
}
};
api.createCoreModule = function(name, dependencies, initFunc) {
createModule(name, dependencies, initFunc);
};
/*----------------------------------------------------------------------------------------------------------------*/
// Ensure rangy.rangePrototype and rangy.selectionPrototype are available immediately
function RangePrototype() {}
api.RangePrototype = RangePrototype;
api.rangePrototype = new RangePrototype();
function SelectionPrototype() {}
api.selectionPrototype = new SelectionPrototype();
/*----------------------------------------------------------------------------------------------------------------*/
// DOM utility methods used by Rangy
api.createCoreModule("DomUtil", [], function(api, module) {
var UNDEF = "undefined";
var util = api.util;
var getBody = util.getBody;
// Perform feature tests
if (!util.areHostMethods(document, ["createDocumentFragment", "createElement", "createTextNode"])) {
module.fail("document missing a Node creation method");
}
if (!util.isHostMethod(document, "getElementsByTagName")) {
module.fail("document missing getElementsByTagName method");
}
var el = document.createElement("div");
if (!util.areHostMethods(el, ["insertBefore", "appendChild", "cloneNode"] ||
!util.areHostObjects(el, ["previousSibling", "nextSibling", "childNodes", "parentNode"]))) {
module.fail("Incomplete Element implementation");
}
// innerHTML is required for Range's createContextualFragment method
if (!util.isHostProperty(el, "innerHTML")) {
module.fail("Element is missing innerHTML property");
}
var textNode = document.createTextNode("test");
if (!util.areHostMethods(textNode, ["splitText", "deleteData", "insertData", "appendData", "cloneNode"] ||
!util.areHostObjects(el, ["previousSibling", "nextSibling", "childNodes", "parentNode"]) ||
!util.areHostProperties(textNode, ["data"]))) {
module.fail("Incomplete Text Node implementation");
}
/*----------------------------------------------------------------------------------------------------------------*/
// Removed use of indexOf because of a bizarre bug in Opera that is thrown in one of the Acid3 tests. I haven't been
// able to replicate it outside of the test. The bug is that indexOf returns -1 when called on an Array that
// contains just the document as a single element and the value searched for is the document.
var arrayContains = /*Array.prototype.indexOf ?
function(arr, val) {
return arr.indexOf(val) > -1;
}:*/
function(arr, val) {
var i = arr.length;
while (i--) {
if (arr[i] === val) {
return true;
}
}
return false;
};
// Opera 11 puts HTML elements in the null namespace, it seems, and IE 7 has undefined namespaceURI
function isHtmlNamespace(node) {
var ns;
return typeof node.namespaceURI == UNDEF || ((ns = node.namespaceURI) === null || ns == "http://www.w3.org/1999/xhtml");
}
function parentElement(node) {
var parent = node.parentNode;
return (parent.nodeType == 1) ? parent : null;
}
function getNodeIndex(node) {
var i = 0;
while( (node = node.previousSibling) ) {
++i;
}
return i;
}
function getNodeLength(node) {
switch (node.nodeType) {
case 7:
case 10:
return 0;
case 3:
case 8:
return node.length;
default:
return node.childNodes.length;
}
}
function getCommonAncestor(node1, node2) {
var ancestors = [], n;
for (n = node1; n; n = n.parentNode) {
ancestors.push(n);
}
for (n = node2; n; n = n.parentNode) {
if (arrayContains(ancestors, n)) {
return n;
}
}
return null;
}
function isAncestorOf(ancestor, descendant, selfIsAncestor) {
var n = selfIsAncestor ? descendant : descendant.parentNode;
while (n) {
if (n === ancestor) {
return true;
} else {
n = n.parentNode;
}
}
return false;
}
function isOrIsAncestorOf(ancestor, descendant) {
return isAncestorOf(ancestor, descendant, true);
}
function getClosestAncestorIn(node, ancestor, selfIsAncestor) {
var p, n = selfIsAncestor ? node : node.parentNode;
while (n) {
p = n.parentNode;
if (p === ancestor) {
return n;
}
n = p;
}
return null;
}
function isCharacterDataNode(node) {
var t = node.nodeType;
return t == 3 || t == 4 || t == 8 ; // Text, CDataSection or Comment
}
function isTextOrCommentNode(node) {
if (!node) {
return false;
}
var t = node.nodeType;
return t == 3 || t == 8 ; // Text or Comment
}
function insertAfter(node, precedingNode) {
var nextNode = precedingNode.nextSibling, parent = precedingNode.parentNode;
if (nextNode) {
parent.insertBefore(node, nextNode);
} else {
parent.appendChild(node);
}
return node;
}
// Note that we cannot use splitText() because it is bugridden in IE 9.
function splitDataNode(node, index, positionsToPreserve) {
var newNode = node.cloneNode(false);
newNode.deleteData(0, index);
node.deleteData(index, node.length - index);
insertAfter(newNode, node);
// Preserve positions
if (positionsToPreserve) {
for (var i = 0, position; position = positionsToPreserve[i++]; ) {
// Handle case where position was inside the portion of node after the split point
if (position.node == node && position.offset > index) {
position.node = newNode;
position.offset -= index;
}
// Handle the case where the position is a node offset within node's parent
else if (position.node == node.parentNode && position.offset > getNodeIndex(node)) {
++position.offset;
}
}
}
return newNode;
}
function getDocument(node) {
if (node.nodeType == 9) {
return node;
} else if (typeof node.ownerDocument != UNDEF) {
return node.ownerDocument;
} else if (typeof node.document != UNDEF) {
return node.document;
} else if (node.parentNode) {
return getDocument(node.parentNode);
} else {
throw module.createError("getDocument: no document found for node");
}
}
function getWindow(node) {
var doc = getDocument(node);
if (typeof doc.defaultView != UNDEF) {
return doc.defaultView;
} else if (typeof doc.parentWindow != UNDEF) {
return doc.parentWindow;
} else {
throw module.createError("Cannot get a window object for node");
}
}
function getIframeDocument(iframeEl) {
if (typeof iframeEl.contentDocument != UNDEF) {
return iframeEl.contentDocument;
} else if (typeof iframeEl.contentWindow != UNDEF) {
return iframeEl.contentWindow.document;
} else {
throw module.createError("getIframeDocument: No Document object found for iframe element");
}
}
function getIframeWindow(iframeEl) {
if (typeof iframeEl.contentWindow != UNDEF) {
return iframeEl.contentWindow;
} else if (typeof iframeEl.contentDocument != UNDEF) {
return iframeEl.contentDocument.defaultView;
} else {
throw module.createError("getIframeWindow: No Window object found for iframe element");
}
}
// This looks bad. Is it worth it?
function isWindow(obj) {
return obj && util.isHostMethod(obj, "setTimeout") && util.isHostObject(obj, "document");
}
function getContentDocument(obj, module, methodName) {
var doc;
if (!obj) {
doc = document;
}
// Test if a DOM node has been passed and obtain a document object for it if so
else if (util.isHostProperty(obj, "nodeType")) {
doc = (obj.nodeType == 1 && obj.tagName.toLowerCase() == "iframe") ?
getIframeDocument(obj) : getDocument(obj);
}
// Test if the doc parameter appears to be a Window object
else if (isWindow(obj)) {
doc = obj.document;
}
if (!doc) {
throw module.createError(methodName + "(): Parameter must be a Window object or DOM node");
}
return doc;
}
function getRootContainer(node) {
var parent;
while ( (parent = node.parentNode) ) {
node = parent;
}
return node;
}
function comparePoints(nodeA, offsetA, nodeB, offsetB) {
// See http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-Comparing
var nodeC, root, childA, childB, n;
if (nodeA == nodeB) {
// Case 1: nodes are the same
return offsetA === offsetB ? 0 : (offsetA < offsetB) ? -1 : 1;
} else if ( (nodeC = getClosestAncestorIn(nodeB, nodeA, true)) ) {
// Case 2: node C (container B or an ancestor) is a child node of A
return offsetA <= getNodeIndex(nodeC) ? -1 : 1;
} else if ( (nodeC = getClosestAncestorIn(nodeA, nodeB, true)) ) {
// Case 3: node C (container A or an ancestor) is a child node of B
return getNodeIndex(nodeC) < offsetB ? -1 : 1;
} else {
root = getCommonAncestor(nodeA, nodeB);
if (!root) {
throw new Error("comparePoints error: nodes have no common ancestor");
}
// Case 4: containers are siblings or descendants of siblings
childA = (nodeA === root) ? root : getClosestAncestorIn(nodeA, root, true);
childB = (nodeB === root) ? root : getClosestAncestorIn(nodeB, root, true);
if (childA === childB) {
// This shouldn't be possible
throw module.createError("comparePoints got to case 4 and childA and childB are the same!");
} else {
n = root.firstChild;
while (n) {
if (n === childA) {
return -1;
} else if (n === childB) {
return 1;
}
n = n.nextSibling;
}
}
}
}
/*----------------------------------------------------------------------------------------------------------------*/
// Test for IE's crash (IE 6/7) or exception (IE >= 8) when a reference to garbage-collected text node is queried
var crashyTextNodes = false;
function isBrokenNode(node) {
var n;
try {
n = node.parentNode;
return false;
} catch (e) {
return true;
}
}
(function() {
var el = document.createElement("b");
el.innerHTML = "1";
var textNode = el.firstChild;
el.innerHTML = "
"; crashyTextNodes = isBrokenNode(textNode); api.features.crashyTextNodes = crashyTextNodes; })(); /*----------------------------------------------------------------------------------------------------------------*/ function inspectNode(node) { if (!node) { return "[No node]"; } if (crashyTextNodes && isBrokenNode(node)) { return "[Broken node]"; } if (isCharacterDataNode(node)) { return '"' + node.data + '"'; } if (node.nodeType == 1) { var idAttr = node.id ? ' id="' + node.id + '"' : ""; return "<" + node.nodeName + idAttr + ">[index:" + getNodeIndex(node) + ",length:" + node.childNodes.length + "][" + (node.innerHTML || "[innerHTML not supported]").slice(0, 25) + "]"; } return node.nodeName; } function fragmentFromNodeChildren(node) { var fragment = getDocument(node).createDocumentFragment(), child; while ( (child = node.firstChild) ) { fragment.appendChild(child); } return fragment; } var getComputedStyleProperty; if (typeof window.getComputedStyle != UNDEF) { getComputedStyleProperty = function(el, propName) { return getWindow(el).getComputedStyle(el, null)[propName]; }; } else if (typeof document.documentElement.currentStyle != UNDEF) { getComputedStyleProperty = function(el, propName) { return el.currentStyle ? el.currentStyle[propName] : ""; }; } else { module.fail("No means of obtaining computed style properties found"); } function createTestElement(doc, html, contentEditable) { var body = getBody(doc); var el = doc.createElement("div"); el.contentEditable = "" + !!contentEditable; if (html) { el.innerHTML = html; } // Insert the test element at the start of the body to prevent scrolling to the bottom in iOS (issue #292) var bodyFirstChild = body.firstChild; if (bodyFirstChild) { body.insertBefore(el, bodyFirstChild); } else { body.appendChild(el); } return el; } function removeNode(node) { return node.parentNode.removeChild(node); } function NodeIterator(root) { this.root = root; this._next = root; } NodeIterator.prototype = { _current: null, hasNext: function() { return !!this._next; }, next: function() { var n = this._current = this._next; var child, next; if (this._current) { child = n.firstChild; if (child) { this._next = child; } else { next = null; while ((n !== this.root) && !(next = n.nextSibling)) { n = n.parentNode; } this._next = next; } } return this._current; }, detach: function() { this._current = this._next = this.root = null; } }; function createIterator(root) { return new NodeIterator(root); } function DomPosition(node, offset) { this.node = node; this.offset = offset; } DomPosition.prototype = { equals: function(pos) { return !!pos && this.node === pos.node && this.offset == pos.offset; }, inspect: function() { return "[DomPosition(" + inspectNode(this.node) + ":" + this.offset + ")]"; }, toString: function() { return this.inspect(); } }; function DOMException(codeName) { this.code = this[codeName]; this.codeName = codeName; this.message = "DOMException: " + this.codeName; } DOMException.prototype = { INDEX_SIZE_ERR: 1, HIERARCHY_REQUEST_ERR: 3, WRONG_DOCUMENT_ERR: 4, NO_MODIFICATION_ALLOWED_ERR: 7, NOT_FOUND_ERR: 8, NOT_SUPPORTED_ERR: 9, INVALID_STATE_ERR: 11, INVALID_NODE_TYPE_ERR: 24 }; DOMException.prototype.toString = function() { return this.message; }; api.dom = { arrayContains: arrayContains, isHtmlNamespace: isHtmlNamespace, parentElement: parentElement, getNodeIndex: getNodeIndex, getNodeLength: getNodeLength, getCommonAncestor: getCommonAncestor, isAncestorOf: isAncestorOf, isOrIsAncestorOf: isOrIsAncestorOf, getClosestAncestorIn: getClosestAncestorIn, isCharacterDataNode: isCharacterDataNode, isTextOrCommentNode: isTextOrCommentNode, insertAfter: insertAfter, splitDataNode: splitDataNode, getDocument: getDocument, getWindow: getWindow, getIframeWindow: getIframeWindow, getIframeDocument: getIframeDocument, getBody: getBody, isWindow: isWindow, getContentDocument: getContentDocument, getRootContainer: getRootContainer, comparePoints: comparePoints, isBrokenNode: isBrokenNode, inspectNode: inspectNode, getComputedStyleProperty: getComputedStyleProperty, createTestElement: createTestElement, removeNode: removeNode, fragmentFromNodeChildren: fragmentFromNodeChildren, createIterator: createIterator, DomPosition: DomPosition }; api.DOMException = DOMException; }); /*----------------------------------------------------------------------------------------------------------------*/ // Pure JavaScript implementation of DOM Range api.createCoreModule("DomRange", ["DomUtil"], function(api, module) { var dom = api.dom; var util = api.util; var DomPosition = dom.DomPosition; var DOMException = api.DOMException; var isCharacterDataNode = dom.isCharacterDataNode; var getNodeIndex = dom.getNodeIndex; var isOrIsAncestorOf = dom.isOrIsAncestorOf; var getDocument = dom.getDocument; var comparePoints = dom.comparePoints; var splitDataNode = dom.splitDataNode; var getClosestAncestorIn = dom.getClosestAncestorIn; var getNodeLength = dom.getNodeLength; var arrayContains = dom.arrayContains; var getRootContainer = dom.getRootContainer; var crashyTextNodes = api.features.crashyTextNodes; var removeNode = dom.removeNode; /*----------------------------------------------------------------------------------------------------------------*/ // Utility functions function isNonTextPartiallySelected(node, range) { return (node.nodeType != 3) && (isOrIsAncestorOf(node, range.startContainer) || isOrIsAncestorOf(node, range.endContainer)); } function getRangeDocument(range) { return range.document || getDocument(range.startContainer); } function getRangeRoot(range) { return getRootContainer(range.startContainer); } function getBoundaryBeforeNode(node) { return new DomPosition(node.parentNode, getNodeIndex(node)); } function getBoundaryAfterNode(node) { return new DomPosition(node.parentNode, getNodeIndex(node) + 1); } function insertNodeAtPosition(node, n, o) { var firstNodeInserted = node.nodeType == 11 ? node.firstChild : node; if (isCharacterDataNode(n)) { if (o == n.length) { dom.insertAfter(node, n); } else { n.parentNode.insertBefore(node, o == 0 ? n : splitDataNode(n, o)); } } else if (o >= n.childNodes.length) { n.appendChild(node); } else { n.insertBefore(node, n.childNodes[o]); } return firstNodeInserted; } function rangesIntersect(rangeA, rangeB, touchingIsIntersecting) { assertRangeValid(rangeA); assertRangeValid(rangeB); if (getRangeDocument(rangeB) != getRangeDocument(rangeA)) { throw new DOMException("WRONG_DOCUMENT_ERR"); } var startComparison = comparePoints(rangeA.startContainer, rangeA.startOffset, rangeB.endContainer, rangeB.endOffset), endComparison = comparePoints(rangeA.endContainer, rangeA.endOffset, rangeB.startContainer, rangeB.startOffset); return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0; } function cloneSubtree(iterator) { var partiallySelected; for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) { partiallySelected = iterator.isPartiallySelectedSubtree(); node = node.cloneNode(!partiallySelected); if (partiallySelected) { subIterator = iterator.getSubtreeIterator(); node.appendChild(cloneSubtree(subIterator)); subIterator.detach(); } if (node.nodeType == 10) { // DocumentType throw new DOMException("HIERARCHY_REQUEST_ERR"); } frag.appendChild(node); } return frag; } function iterateSubtree(rangeIterator, func, iteratorState) { var it, n; iteratorState = iteratorState || { stop: false }; for (var node, subRangeIterator; node = rangeIterator.next(); ) { if (rangeIterator.isPartiallySelectedSubtree()) { if (func(node) === false) { iteratorState.stop = true; return; } else { // The node is partially selected by the Range, so we can use a new RangeIterator on the portion of // the node selected by the Range. subRangeIterator = rangeIterator.getSubtreeIterator(); iterateSubtree(subRangeIterator, func, iteratorState); subRangeIterator.detach(); if (iteratorState.stop) { return; } } } else { // The whole node is selected, so we can use efficient DOM iteration to iterate over the node and its // descendants it = dom.createIterator(node); while ( (n = it.next()) ) { if (func(n) === false) { iteratorState.stop = true; return; } } } } } function deleteSubtree(iterator) { var subIterator; while (iterator.next()) { if (iterator.isPartiallySelectedSubtree()) { subIterator = iterator.getSubtreeIterator(); deleteSubtree(subIterator); subIterator.detach(); } else { iterator.remove(); } } } function extractSubtree(iterator) { for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) { if (iterator.isPartiallySelectedSubtree()) { node = node.cloneNode(false); subIterator = iterator.getSubtreeIterator(); node.appendChild(extractSubtree(subIterator)); subIterator.detach(); } else { iterator.remove(); } if (node.nodeType == 10) { // DocumentType throw new DOMException("HIERARCHY_REQUEST_ERR"); } frag.appendChild(node); } return frag; } function getNodesInRange(range, nodeTypes, filter) { var filterNodeTypes = !!(nodeTypes && nodeTypes.length), regex; var filterExists = !!filter; if (filterNodeTypes) { regex = new RegExp("^(" + nodeTypes.join("|") + ")$"); } var nodes = []; iterateSubtree(new RangeIterator(range, false), function(node) { if (filterNodeTypes && !regex.test(node.nodeType)) { return; } if (filterExists && !filter(node)) { return; } // Don't include a boundary container if it is a character data node and the range does not contain any // of its character data. See issue 190. var sc = range.startContainer; if (node == sc && isCharacterDataNode(sc) && range.startOffset == sc.length) { return; } var ec = range.endContainer; if (node == ec && isCharacterDataNode(ec) && range.endOffset == 0) { return; } nodes.push(node); }); return nodes; } function inspect(range) { var name = (typeof range.getName == "undefined") ? "Range" : range.getName(); return "[" + name + "(" + dom.inspectNode(range.startContainer) + ":" + range.startOffset + ", " + dom.inspectNode(range.endContainer) + ":" + range.endOffset + ")]"; } /*----------------------------------------------------------------------------------------------------------------*/ // RangeIterator code partially borrows from IERange by Tim Ryan (http://github.com/timcameronryan/IERange) function RangeIterator(range, clonePartiallySelectedTextNodes) { this.range = range; this.clonePartiallySelectedTextNodes = clonePartiallySelectedTextNodes; if (!range.collapsed) { this.sc = range.startContainer; this.so = range.startOffset; this.ec = range.endContainer; this.eo = range.endOffset; var root = range.commonAncestorContainer; if (this.sc === this.ec && isCharacterDataNode(this.sc)) { this.isSingleCharacterDataNode = true; this._first = this._last = this._next = this.sc; } else { this._first = this._next = (this.sc === root && !isCharacterDataNode(this.sc)) ? this.sc.childNodes[this.so] : getClosestAncestorIn(this.sc, root, true); this._last = (this.ec === root && !isCharacterDataNode(this.ec)) ? this.ec.childNodes[this.eo - 1] : getClosestAncestorIn(this.ec, root, true); } } } RangeIterator.prototype = { _current: null, _next: null, _first: null, _last: null, isSingleCharacterDataNode: false, reset: function() { this._current = null; this._next = this._first; }, hasNext: function() { return !!this._next; }, next: function() { // Move to next node var current = this._current = this._next; if (current) { this._next = (current !== this._last) ? current.nextSibling : null; // Check for partially selected text nodes if (isCharacterDataNode(current) && this.clonePartiallySelectedTextNodes) { if (current === this.ec) { (current = current.cloneNode(true)).deleteData(this.eo, current.length - this.eo); } if (this._current === this.sc) { (current = current.cloneNode(true)).deleteData(0, this.so); } } } return current; }, remove: function() { var current = this._current, start, end; if (isCharacterDataNode(current) && (current === this.sc || current === this.ec)) { start = (current === this.sc) ? this.so : 0; end = (current === this.ec) ? this.eo : current.length; if (start != end) { current.deleteData(start, end - start); } } else { if (current.parentNode) { removeNode(current); } else { } } }, // Checks if the current node is partially selected isPartiallySelectedSubtree: function() { var current = this._current; return isNonTextPartiallySelected(current, this.range); }, getSubtreeIterator: function() { var subRange; if (this.isSingleCharacterDataNode) { subRange = this.range.cloneRange(); subRange.collapse(false); } else { subRange = new Range(getRangeDocument(this.range)); var current = this._current; var startContainer = current, startOffset = 0, endContainer = current, endOffset = getNodeLength(current); if (isOrIsAncestorOf(current, this.sc)) { startContainer = this.sc; startOffset = this.so; } if (isOrIsAncestorOf(current, this.ec)) { endContainer = this.ec; endOffset = this.eo; } updateBoundaries(subRange, startContainer, startOffset, endContainer, endOffset); } return new RangeIterator(subRange, this.clonePartiallySelectedTextNodes); }, detach: function() { this.range = this._current = this._next = this._first = this._last = this.sc = this.so = this.ec = this.eo = null; } }; /*----------------------------------------------------------------------------------------------------------------*/ var beforeAfterNodeTypes = [1, 3, 4, 5, 7, 8, 10]; var rootContainerNodeTypes = [2, 9, 11]; var readonlyNodeTypes = [5, 6, 10, 12]; var insertableNodeTypes = [1, 3, 4, 5, 7, 8, 10, 11]; var surroundNodeTypes = [1, 3, 4, 5, 7, 8]; function createAncestorFinder(nodeTypes) { return function(node, selfIsAncestor) { var t, n = selfIsAncestor ? node : node.parentNode; while (n) { t = n.nodeType; if (arrayContains(nodeTypes, t)) { return n; } n = n.parentNode; } return null; }; } var getDocumentOrFragmentContainer = createAncestorFinder( [9, 11] ); var getReadonlyAncestor = createAncestorFinder(readonlyNodeTypes); var getDocTypeNotationEntityAncestor = createAncestorFinder( [6, 10, 12] ); function assertNoDocTypeNotationEntityAncestor(node, allowSelf) { if (getDocTypeNotationEntityAncestor(node, allowSelf)) { throw new DOMException("INVALID_NODE_TYPE_ERR"); } } function assertValidNodeType(node, invalidTypes) { if (!arrayContains(invalidTypes, node.nodeType)) { throw new DOMException("INVALID_NODE_TYPE_ERR"); } } function assertValidOffset(node, offset) { if (offset < 0 || offset > (isCharacterDataNode(node) ? node.length : node.childNodes.length)) { throw new DOMException("INDEX_SIZE_ERR"); } } function assertSameDocumentOrFragment(node1, node2) { if (getDocumentOrFragmentContainer(node1, true) !== getDocumentOrFragmentContainer(node2, true)) { throw new DOMException("WRONG_DOCUMENT_ERR"); } } function assertNodeNotReadOnly(node) { if (getReadonlyAncestor(node, true)) { throw new DOMException("NO_MODIFICATION_ALLOWED_ERR"); } } function assertNode(node, codeName) { if (!node) { throw new DOMException(codeName); } } function isValidOffset(node, offset) { return offset <= (isCharacterDataNode(node) ? node.length : node.childNodes.length); } function isRangeValid(range) { return (!!range.startContainer && !!range.endContainer && !(crashyTextNodes && (dom.isBrokenNode(range.startContainer) || dom.isBrokenNode(range.endContainer))) && getRootContainer(range.startContainer) == getRootContainer(range.endContainer) && isValidOffset(range.startContainer, range.startOffset) && isValidOffset(range.endContainer, range.endOffset)); } function assertRangeValid(range) { if (!isRangeValid(range)) { throw new Error("Range error: Range is not valid. This usually happens after DOM mutation. Range: (" + range.inspect() + ")"); } } /*----------------------------------------------------------------------------------------------------------------*/ // Test the browser's innerHTML support to decide how to implement createContextualFragment var styleEl = document.createElement("style"); var htmlParsingConforms = false; try { styleEl.innerHTML = "x"; htmlParsingConforms = (styleEl.firstChild.nodeType == 3); // Opera incorrectly creates an element node } catch (e) { // IE 6 and 7 throw } api.features.htmlParsingConforms = htmlParsingConforms; var createContextualFragment = htmlParsingConforms ? // Implementation as per HTML parsing spec, trusting in the browser's implementation of innerHTML. See // discussion and base code for this implementation at issue 67. // Spec: http://html5.org/specs/dom-parsing.html#extensions-to-the-range-interface // Thanks to Aleks Williams. function(fragmentStr) { // "Let node the context object's start's node." var node = this.startContainer; var doc = getDocument(node); // "If the context object's start's node is null, raise an INVALID_STATE_ERR // exception and abort these steps." if (!node) { throw new DOMException("INVALID_STATE_ERR"); } // "Let element be as follows, depending on node's interface:" // Document, Document Fragment: null var el = null; // "Element: node" if (node.nodeType == 1) { el = node; // "Text, Comment: node's parentElement" } else if (isCharacterDataNode(node)) { el = dom.parentElement(node); } // "If either element is null or element's ownerDocument is an HTML document // and element's local name is "html" and element's namespace is the HTML // namespace" if (el === null || ( el.nodeName == "HTML" && dom.isHtmlNamespace(getDocument(el).documentElement) && dom.isHtmlNamespace(el) )) { // "let element be a new Element with "body" as its local name and the HTML // namespace as its namespace."" el = doc.createElement("body"); } else { el = el.cloneNode(false); } // "If the node's document is an HTML document: Invoke the HTML fragment parsing algorithm." // "If the node's document is an XML document: Invoke the XML fragment parsing algorithm." // "In either case, the algorithm must be invoked with fragment as the input // and element as the context element." el.innerHTML = fragmentStr; // "If this raises an exception, then abort these steps. Otherwise, let new // children be the nodes returned." // "Let fragment be a new DocumentFragment." // "Append all new children to fragment." // "Return fragment." return dom.fragmentFromNodeChildren(el); } : // In this case, innerHTML cannot be trusted, so fall back to a simpler, non-conformant implementation that // previous versions of Rangy used (with the exception of using a body element rather than a div) function(fragmentStr) { var doc = getRangeDocument(this); var el = doc.createElement("body"); el.innerHTML = fragmentStr; return dom.fragmentFromNodeChildren(el); }; function splitRangeBoundaries(range, positionsToPreserve) { assertRangeValid(range); var sc = range.startContainer, so = range.startOffset, ec = range.endContainer, eo = range.endOffset; var startEndSame = (sc === ec); if (isCharacterDataNode(ec) && eo > 0 && eo < ec.length) { splitDataNode(ec, eo, positionsToPreserve); } if (isCharacterDataNode(sc) && so > 0 && so < sc.length) { sc = splitDataNode(sc, so, positionsToPreserve); if (startEndSame) { eo -= so; ec = sc; } else if (ec == sc.parentNode && eo >= getNodeIndex(sc)) { eo++; } so = 0; } range.setStartAndEnd(sc, so, ec, eo); } function rangeToHtml(range) { assertRangeValid(range); var container = range.commonAncestorContainer.parentNode.cloneNode(false); container.appendChild( range.cloneContents() ); return container.innerHTML; } /*----------------------------------------------------------------------------------------------------------------*/ var rangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed", "commonAncestorContainer"]; var s2s = 0, s2e = 1, e2e = 2, e2s = 3; var n_b = 0, n_a = 1, n_b_a = 2, n_i = 3; util.extend(api.rangePrototype, { compareBoundaryPoints: function(how, range) { assertRangeValid(this); assertSameDocumentOrFragment(this.startContainer, range.startContainer); var nodeA, offsetA, nodeB, offsetB; var prefixA = (how == e2s || how == s2s) ? "start" : "end"; var prefixB = (how == s2e || how == s2s) ? "start" : "end"; nodeA = this[prefixA + "Container"]; offsetA = this[prefixA + "Offset"]; nodeB = range[prefixB + "Container"]; offsetB = range[prefixB + "Offset"]; return comparePoints(nodeA, offsetA, nodeB, offsetB); }, insertNode: function(node) { assertRangeValid(this); assertValidNodeType(node, insertableNodeTypes); assertNodeNotReadOnly(this.startContainer); if (isOrIsAncestorOf(node, this.startContainer)) { throw new DOMException("HIERARCHY_REQUEST_ERR"); } // No check for whether the container of the start of the Range is of a type that does not allow // children of the type of node: the browser's DOM implementation should do this for us when we attempt // to add the node var firstNodeInserted = insertNodeAtPosition(node, this.startContainer, this.startOffset); this.setStartBefore(firstNodeInserted); }, cloneContents: function() { assertRangeValid(this); var clone, frag; if (this.collapsed) { return getRangeDocument(this).createDocumentFragment(); } else { if (this.startContainer === this.endContainer && isCharacterDataNode(this.startContainer)) { clone = this.startContainer.cloneNode(true); clone.data = clone.data.slice(this.startOffset, this.endOffset); frag = getRangeDocument(this).createDocumentFragment(); frag.appendChild(clone); return frag; } else { var iterator = new RangeIterator(this, true); clone = cloneSubtree(iterator); iterator.detach(); } return clone; } }, canSurroundContents: function() { assertRangeValid(this); assertNodeNotReadOnly(this.startContainer); assertNodeNotReadOnly(this.endContainer); // Check if the contents can be surrounded. Specifically, this means whether the range partially selects // no non-text nodes. var iterator = new RangeIterator(this, true); var boundariesInvalid = (iterator._first && (isNonTextPartiallySelected(iterator._first, this)) || (iterator._last && isNonTextPartiallySelected(iterator._last, this))); iterator.detach(); return !boundariesInvalid; }, surroundContents: function(node) { assertValidNodeType(node, surroundNodeTypes); if (!this.canSurroundContents()) { throw new DOMException("INVALID_STATE_ERR"); } // Extract the contents var content = this.extractContents(); // Clear the children of the node if (node.hasChildNodes()) { while (node.lastChild) { node.removeChild(node.lastChild); } } // Insert the new node and add the extracted contents insertNodeAtPosition(node, this.startContainer, this.startOffset); node.appendChild(content); this.selectNode(node); }, cloneRange: function() { assertRangeValid(this); var range = new Range(getRangeDocument(this)); var i = rangeProperties.length, prop; while (i--) { prop = rangeProperties[i]; range[prop] = this[prop]; } return range; }, toString: function() { assertRangeValid(this); var sc = this.startContainer; if (sc === this.endContainer && isCharacterDataNode(sc)) { return (sc.nodeType == 3 || sc.nodeType == 4) ? sc.data.slice(this.startOffset, this.endOffset) : ""; } else { var textParts = [], iterator = new RangeIterator(this, true); iterateSubtree(iterator, function(node) { // Accept only text or CDATA nodes, not comments if (node.nodeType == 3 || node.nodeType == 4) { textParts.push(node.data); } }); iterator.detach(); return textParts.join(""); } }, // The methods below are all non-standard. The following batch were introduced by Mozilla but have since // been removed from Mozilla. compareNode: function(node) { assertRangeValid(this); var parent = node.parentNode; var nodeIndex = getNodeIndex(node); if (!parent) { throw new DOMException("NOT_FOUND_ERR"); } var startComparison = this.comparePoint(parent, nodeIndex), endComparison = this.comparePoint(parent, nodeIndex + 1); if (startComparison < 0) { // Node starts before return (endComparison > 0) ? n_b_a : n_b; } else { return (endComparison > 0) ? n_a : n_i; } }, comparePoint: function(node, offset) { assertRangeValid(this); assertNode(node, "HIERARCHY_REQUEST_ERR"); assertSameDocumentOrFragment(node, this.startContainer); if (comparePoints(node, offset, this.startContainer, this.startOffset) < 0) { return -1; } else if (comparePoints(node, offset, this.endContainer, this.endOffset) > 0) { return 1; } return 0; }, createContextualFragment: createContextualFragment, toHtml: function() { return rangeToHtml(this); }, // touchingIsIntersecting determines whether this method considers a node that borders a range intersects // with it (as in WebKit) or not (as in Gecko pre-1.9, and the default) intersectsNode: function(node, touchingIsIntersecting) { assertRangeValid(this); if (getRootContainer(node) != getRangeRoot(this)) { return false; } var parent = node.parentNode, offset = getNodeIndex(node); if (!parent) { return true; } var startComparison = comparePoints(parent, offset, this.endContainer, this.endOffset), endComparison = comparePoints(parent, offset + 1, this.startContainer, this.startOffset); return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0; }, isPointInRange: function(node, offset) { assertRangeValid(this); assertNode(node, "HIERARCHY_REQUEST_ERR"); assertSameDocumentOrFragment(node, this.startContainer); return (comparePoints(node, offset, this.startContainer, this.startOffset) >= 0) && (comparePoints(node, offset, this.endContainer, this.endOffset) <= 0); }, // The methods below are non-standard and invented by me. // Sharing a boundary start-to-end or end-to-start does not count as intersection. intersectsRange: function(range) { return rangesIntersect(this, range, false); }, // Sharing a boundary start-to-end or end-to-start does count as intersection. intersectsOrTouchesRange: function(range) { return rangesIntersect(this, range, true); }, intersection: function(range) { if (this.intersectsRange(range)) { var startComparison = comparePoints(this.startContainer, this.startOffset, range.startContainer, range.startOffset), endComparison = comparePoints(this.endContainer, this.endOffset, range.endContainer, range.endOffset); var intersectionRange = this.cloneRange(); if (startComparison == -1) { intersectionRange.setStart(range.startContainer, range.startOffset); } if (endComparison == 1) { intersectionRange.setEnd(range.endContainer, range.endOffset); } return intersectionRange; } return null; }, union: function(range) { if (this.intersectsOrTouchesRange(range)) { var unionRange = this.cloneRange(); if (comparePoints(range.startContainer, range.startOffset, this.startContainer, this.startOffset) == -1) { unionRange.setStart(range.startContainer, range.startOffset); } if (comparePoints(range.endContainer, range.endOffset, this.endContainer, this.endOffset) == 1) { unionRange.setEnd(range.endContainer, range.endOffset); } return unionRange; } else { throw new DOMException("Ranges do not intersect"); } }, containsNode: function(node, allowPartial) { if (allowPartial) { return this.intersectsNode(node, false); } else { return this.compareNode(node) == n_i; } }, containsNodeContents: function(node) { return this.comparePoint(node, 0) >= 0 && this.comparePoint(node, getNodeLength(node)) <= 0; }, containsRange: function(range) { var intersection = this.intersection(range); return intersection !== null && range.equals(intersection); }, containsNodeText: function(node) { var nodeRange = this.cloneRange(); nodeRange.selectNode(node); var textNodes = nodeRange.getNodes([3]); if (textNodes.length > 0) { nodeRange.setStart(textNodes[0], 0); var lastTextNode = textNodes.pop(); nodeRange.setEnd(lastTextNode, lastTextNode.length); return this.containsRange(nodeRange); } else { return this.containsNodeContents(node); } }, getNodes: function(nodeTypes, filter) { assertRangeValid(this); return getNodesInRange(this, nodeTypes, filter); }, getDocument: function() { return getRangeDocument(this); }, collapseBefore: function(node) { this.setEndBefore(node); this.collapse(false); }, collapseAfter: function(node) { this.setStartAfter(node); this.collapse(true); }, getBookmark: function(containerNode) { var doc = getRangeDocument(this); var preSelectionRange = api.createRange(doc); containerNode = containerNode || dom.getBody(doc); preSelectionRange.selectNodeContents(containerNode); var range = this.intersection(preSelectionRange); var start = 0, end = 0; if (range) { preSelectionRange.setEnd(range.startContainer, range.startOffset); start = preSelectionRange.toString().length; end = start + range.toString().length; } return { start: start, end: end, containerNode: containerNode }; }, moveToBookmark: function(bookmark) { var containerNode = bookmark.containerNode; var charIndex = 0; this.setStart(containerNode, 0); this.collapse(true); var nodeStack = [containerNode], node, foundStart = false, stop = false; var nextCharIndex, i, childNodes; while (!stop && (node = nodeStack.pop())) { if (node.nodeType == 3) { nextCharIndex = charIndex + node.length; if (!foundStart && bookmark.start >= charIndex && bookmark.start <= nextCharIndex) { this.setStart(node, bookmark.start - charIndex); foundStart = true; } if (foundStart && bookmark.end >= charIndex && bookmark.end <= nextCharIndex) { this.setEnd(node, bookmark.end - charIndex); stop = true; } charIndex = nextCharIndex; } else { childNodes = node.childNodes; i = childNodes.length; while (i--) { nodeStack.push(childNodes[i]); } } } }, getName: function() { return "DomRange"; }, equals: function(range) { return Range.rangesEqual(this, range); }, isValid: function() { return isRangeValid(this); }, inspect: function() { return inspect(this); }, detach: function() { // In DOM4, detach() is now a no-op. } }); function copyComparisonConstantsToObject(obj) { obj.START_TO_START = s2s; obj.START_TO_END = s2e; obj.END_TO_END = e2e; obj.END_TO_START = e2s; obj.NODE_BEFORE = n_b; obj.NODE_AFTER = n_a; obj.NODE_BEFORE_AND_AFTER = n_b_a; obj.NODE_INSIDE = n_i; } function copyComparisonConstants(constructor) { copyComparisonConstantsToObject(constructor); copyComparisonConstantsToObject(constructor.prototype); } function createRangeContentRemover(remover, boundaryUpdater) { return function() { assertRangeValid(this); var sc = this.startContainer, so = this.startOffset, root = this.commonAncestorContainer; var iterator = new RangeIterator(this, true); // Work out where to position the range after content removal var node, boundary; if (sc !== root) { node = getClosestAncestorIn(sc, root, true); boundary = getBoundaryAfterNode(node); sc = boundary.node; so = boundary.offset; } // Check none of the range is read-only iterateSubtree(iterator, assertNodeNotReadOnly); iterator.reset(); // Remove the content var returnValue = remover(iterator); iterator.detach(); // Move to the new position boundaryUpdater(this, sc, so, sc, so); return returnValue; }; } function createPrototypeRange(constructor, boundaryUpdater) { function createBeforeAfterNodeSetter(isBefore, isStart) { return function(node) { assertValidNodeType(node, beforeAfterNodeTypes); assertValidNodeType(getRootContainer(node), rootContainerNodeTypes); var boundary = (isBefore ? getBoundaryBeforeNode : getBoundaryAfterNode)(node); (isStart ? setRangeStart : setRangeEnd)(this, boundary.node, boundary.offset); }; } function setRangeStart(range, node, offset) { var ec = range.endContainer, eo = range.endOffset; if (node !== range.startContainer || offset !== range.startOffset) { // Check the root containers of the range and the new boundary, and also check whether the new boundary // is after the current end. In either case, collapse the range to the new position if (getRootContainer(node) != getRootContainer(ec) || comparePoints(node, offset, ec, eo) == 1) { ec = node; eo = offset; } boundaryUpdater(range, node, offset, ec, eo); } } function setRangeEnd(range, node, offset) { var sc = range.startContainer, so = range.startOffset; if (node !== range.endContainer || offset !== range.endOffset) { // Check the root containers of the range and the new boundary, and also check whether the new boundary // is after the current end. In either case, collapse the range to the new position if (getRootContainer(node) != getRootContainer(sc) || comparePoints(node, offset, sc, so) == -1) { sc = node; so = offset; } boundaryUpdater(range, sc, so, node, offset); } } // Set up inheritance var F = function() {}; F.prototype = api.rangePrototype; constructor.prototype = new F(); util.extend(constructor.prototype, { setStart: function(node, offset) { assertNoDocTypeNotationEntityAncestor(node, true); assertValidOffset(node, offset); setRangeStart(this, node, offset); }, setEnd: function(node, offset) { assertNoDocTypeNotationEntityAncestor(node, true); assertValidOffset(node, offset); setRangeEnd(this, node, offset); }, /** * Convenience method to set a range's start and end boundaries. Overloaded as follows: * - Two parameters (node, offset) creates a collapsed range at that position * - Three parameters (node, startOffset, endOffset) creates a range contained with node starting at * startOffset and ending at endOffset * - Four parameters (startNode, startOffset, endNode, endOffset) creates a range starting at startOffset in * startNode and ending at endOffset in endNode */ setStartAndEnd: function() { var args = arguments; var sc = args[0], so = args[1], ec = sc, eo = so; switch (args.length) { case 3: eo = args[2]; break; case 4: ec = args[2]; eo = args[3]; break; } boundaryUpdater(this, sc, so, ec, eo); }, setBoundary: function(node, offset, isStart) { this["set" + (isStart ? "Start" : "End")](node, offset); }, setStartBefore: createBeforeAfterNodeSetter(true, true), setStartAfter: createBeforeAfterNodeSetter(false, true), setEndBefore: createBeforeAfterNodeSetter(true, false), setEndAfter: createBeforeAfterNodeSetter(false, false), collapse: function(isStart) { assertRangeValid(this); if (isStart) { boundaryUpdater(this, this.startContainer, this.startOffset, this.startContainer, this.startOffset); } else { boundaryUpdater(this, this.endContainer, this.endOffset, this.endContainer, this.endOffset); } }, selectNodeContents: function(node) { assertNoDocTypeNotationEntityAncestor(node, true); boundaryUpdater(this, node, 0, node, getNodeLength(node)); }, selectNode: function(node) { assertNoDocTypeNotationEntityAncestor(node, false); assertValidNodeType(node, beforeAfterNodeTypes); var start = getBoundaryBeforeNode(node), end = getBoundaryAfterNode(node); boundaryUpdater(this, start.node, start.offset, end.node, end.offset); }, extractContents: createRangeContentRemover(extractSubtree, boundaryUpdater), deleteContents: createRangeContentRemover(deleteSubtree, boundaryUpdater), canSurroundContents: function() { assertRangeValid(this); assertNodeNotReadOnly(this.startContainer); assertNodeNotReadOnly(this.endContainer); // Check if the contents can be surrounded. Specifically, this means whether the range partially selects // no non-text nodes. var iterator = new RangeIterator(this, true); var boundariesInvalid = (iterator._first && isNonTextPartiallySelected(iterator._first, this) || (iterator._last && isNonTextPartiallySelected(iterator._last, this))); iterator.detach(); return !boundariesInvalid; }, splitBoundaries: function() { splitRangeBoundaries(this); }, splitBoundariesPreservingPositions: function(positionsToPreserve) { splitRangeBoundaries(this, positionsToPreserve); }, normalizeBoundaries: function() { assertRangeValid(this); var sc = this.startContainer, so = this.startOffset, ec = this.endContainer, eo = this.endOffset; var mergeForward = function(node) { var sibling = node.nextSibling; if (sibling && sibling.nodeType == node.nodeType) { ec = node; eo = node.length; node.appendData(sibling.data); removeNode(sibling); } }; var mergeBackward = function(node) { var sibling = node.previousSibling; if (sibling && sibling.nodeType == node.nodeType) { sc = node; var nodeLength = node.length; so = sibling.length; node.insertData(0, sibling.data); removeNode(sibling); if (sc == ec) { eo += so; ec = sc; } else if (ec == node.parentNode) { var nodeIndex = getNodeIndex(node); if (eo == nodeIndex) { ec = node; eo = nodeLength; } else if (eo > nodeIndex) { eo--; } } } }; var normalizeStart = true; var sibling; if (isCharacterDataNode(ec)) { if (eo == ec.length) { mergeForward(ec); } else if (eo == 0) { sibling = ec.previousSibling; if (sibling && sibling.nodeType == ec.nodeType) { eo = sibling.length; if (sc == ec) { normalizeStart = false; } sibling.appendData(ec.data); removeNode(ec); ec = sibling; } } } else { if (eo > 0) { var endNode = ec.childNodes[eo - 1]; if (endNode && isCharacterDataNode(endNode)) { mergeForward(endNode); } } normalizeStart = !this.collapsed; } if (normalizeStart) { if (isCharacterDataNode(sc)) { if (so == 0) { mergeBackward(sc); } else if (so == sc.length) { sibling = sc.nextSibling; if (sibling && sibling.nodeType == sc.nodeType) { if (ec == sibling) { ec = sc; eo += sc.length; } sc.appendData(sibling.data); removeNode(sibling); } } } else { if (so < sc.childNodes.length) { var startNode = sc.childNodes[so]; if (startNode && isCharacterDataNode(startNode)) { mergeBackward(startNode); } } } } else { sc = ec; so = eo; } boundaryUpdater(this, sc, so, ec, eo); }, collapseToPoint: function(node, offset) { assertNoDocTypeNotationEntityAncestor(node, true); assertValidOffset(node, offset); this.setStartAndEnd(node, offset); } }); copyComparisonConstants(constructor); } /*----------------------------------------------------------------------------------------------------------------*/ // Updates commonAncestorContainer and collapsed after boundary change function updateCollapsedAndCommonAncestor(range) { range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset); range.commonAncestorContainer = range.collapsed ? range.startContainer : dom.getCommonAncestor(range.startContainer, range.endContainer); } function updateBoundaries(range, startContainer, startOffset, endContainer, endOffset) { range.startContainer = startContainer; range.startOffset = startOffset; range.endContainer = endContainer; range.endOffset = endOffset; range.document = dom.getDocument(startContainer); updateCollapsedAndCommonAncestor(range); } function Range(doc) { this.startContainer = doc; this.startOffset = 0; this.endContainer = doc; this.endOffset = 0; this.document = doc; updateCollapsedAndCommonAncestor(this); } createPrototypeRange(Range, updateBoundaries); util.extend(Range, { rangeProperties: rangeProperties, RangeIterator: RangeIterator, copyComparisonConstants: copyComparisonConstants, createPrototypeRange: createPrototypeRange, inspect: inspect, toHtml: rangeToHtml, getRangeDocument: getRangeDocument, rangesEqual: function(r1, r2) { return r1.startContainer === r2.startContainer && r1.startOffset === r2.startOffset && r1.endContainer === r2.endContainer && r1.endOffset === r2.endOffset; } }); api.DomRange = Range; }); /*----------------------------------------------------------------------------------------------------------------*/ // Wrappers for the browser's native DOM Range and/or TextRange implementation api.createCoreModule("WrappedRange", ["DomRange"], function(api, module) { var WrappedRange, WrappedTextRange; var dom = api.dom; var util = api.util; var DomPosition = dom.DomPosition; var DomRange = api.DomRange; var getBody = dom.getBody; var getContentDocument = dom.getContentDocument; var isCharacterDataNode = dom.isCharacterDataNode; /*----------------------------------------------------------------------------------------------------------------*/ if (api.features.implementsDomRange) { // This is a wrapper around the browser's native DOM Range. It has two aims: // - Provide workarounds for specific browser bugs // - provide convenient extensions, which are inherited from Rangy's DomRange (function() { var rangeProto; var rangeProperties = DomRange.rangeProperties; function updateRangeProperties(range) { var i = rangeProperties.length, prop; while (i--) { prop = rangeProperties[i]; range[prop] = range.nativeRange[prop]; } // Fix for broken collapsed property in IE 9. range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset); } function updateNativeRange(range, startContainer, startOffset, endContainer, endOffset) { var startMoved = (range.startContainer !== startContainer || range.startOffset != startOffset); var endMoved = (range.endContainer !== endContainer || range.endOffset != endOffset); var nativeRangeDifferent = !range.equals(range.nativeRange); // Always set both boundaries for the benefit of IE9 (see issue 35) if (startMoved || endMoved || nativeRangeDifferent) { range.setEnd(endContainer, endOffset); range.setStart(startContainer, startOffset); } } var createBeforeAfterNodeSetter; WrappedRange = function(range) { if (!range) { throw module.createError("WrappedRange: Range must be specified"); } this.nativeRange = range; updateRangeProperties(this); }; DomRange.createPrototypeRange(WrappedRange, updateNativeRange); rangeProto = WrappedRange.prototype; rangeProto.selectNode = function(node) { this.nativeRange.selectNode(node); updateRangeProperties(this); }; rangeProto.cloneContents = function() { return this.nativeRange.cloneContents(); }; // Due to a long-standing Firefox bug that I have not been able to find a reliable way to detect, // insertNode() is never delegated to the native range. rangeProto.surroundContents = function(node) { this.nativeRange.surroundContents(node); updateRangeProperties(this); }; rangeProto.collapse = function(isStart) { this.nativeRange.collapse(isStart); updateRangeProperties(this); }; rangeProto.cloneRange = function() { return new WrappedRange(this.nativeRange.cloneRange()); }; rangeProto.refresh = function() { updateRangeProperties(this); }; rangeProto.toString = function() { return this.nativeRange.toString(); }; // Create test range and node for feature detection var testTextNode = document.createTextNode("test"); getBody(document).appendChild(testTextNode); var range = document.createRange(); /*--------------------------------------------------------------------------------------------------------*/ // Test for Firefox 2 bug that prevents moving the start of a Range to a point after its current end and // correct for it range.setStart(testTextNode, 0); range.setEnd(testTextNode, 0); try { range.setStart(testTextNode, 1); rangeProto.setStart = function(node, offset) { this.nativeRange.setStart(node, offset); updateRangeProperties(this); }; rangeProto.setEnd = function(node, offset) { this.nativeRange.setEnd(node, offset); updateRangeProperties(this); }; createBeforeAfterNodeSetter = function(name) { return function(node) { this.nativeRange[name](node); updateRangeProperties(this); }; }; } catch(ex) { rangeProto.setStart = function(node, offset) { try { this.nativeRange.setStart(node, offset); } catch (ex) { this.nativeRange.setEnd(node, offset); this.nativeRange.setStart(node, offset); } updateRangeProperties(this); }; rangeProto.setEnd = function(node, offset) { try { this.nativeRange.setEnd(node, offset); } catch (ex) { this.nativeRange.setStart(node, offset); this.nativeRange.setEnd(node, offset); } updateRangeProperties(this); }; createBeforeAfterNodeSetter = function(name, oppositeName) { return function(node) { try { this.nativeRange[name](node); } catch (ex) { this.nativeRange[oppositeName](node); this.nativeRange[name](node); } updateRangeProperties(this); }; }; } rangeProto.setStartBefore = createBeforeAfterNodeSetter("setStartBefore", "setEndBefore"); rangeProto.setStartAfter = createBeforeAfterNodeSetter("setStartAfter", "setEndAfter"); rangeProto.setEndBefore = createBeforeAfterNodeSetter("setEndBefore", "setStartBefore"); rangeProto.setEndAfter = createBeforeAfterNodeSetter("setEndAfter", "setStartAfter"); /*--------------------------------------------------------------------------------------------------------*/ // Always use DOM4-compliant selectNodeContents implementation: it's simpler and less code than testing // whether the native implementation can be trusted rangeProto.selectNodeContents = function(node) { this.setStartAndEnd(node, 0, dom.getNodeLength(node)); }; /*--------------------------------------------------------------------------------------------------------*/ // Test for and correct WebKit bug that has the behaviour of compareBoundaryPoints round the wrong way for // constants START_TO_END and END_TO_START: https://bugs.webkit.org/show_bug.cgi?id=20738 range.selectNodeContents(testTextNode); range.setEnd(testTextNode, 3); var range2 = document.createRange(); range2.selectNodeContents(testTextNode); range2.setEnd(testTextNode, 4); range2.setStart(testTextNode, 2); if (range.compareBoundaryPoints(range.START_TO_END, range2) == -1 && range.compareBoundaryPoints(range.END_TO_START, range2) == 1) { // This is the wrong way round, so correct for it rangeProto.compareBoundaryPoints = function(type, range) { range = range.nativeRange || range; if (type == range.START_TO_END) { type = range.END_TO_START; } else if (type == range.END_TO_START) { type = range.START_TO_END; } return this.nativeRange.compareBoundaryPoints(type, range); }; } else { rangeProto.compareBoundaryPoints = function(type, range) { return this.nativeRange.compareBoundaryPoints(type, range.nativeRange || range); }; } /*--------------------------------------------------------------------------------------------------------*/ // Test for IE deleteContents() and extractContents() bug and correct it. See issue 107. var el = document.createElement("div"); el.innerHTML = "123"; var textNode = el.firstChild; var body = getBody(document); body.appendChild(el); range.setStart(textNode, 1); range.setEnd(textNode, 2); range.deleteContents(); if (textNode.data == "13") { // Behaviour is correct per DOM4 Range so wrap the browser's implementation of deleteContents() and // extractContents() rangeProto.deleteContents = function() { this.nativeRange.deleteContents(); updateRangeProperties(this); }; rangeProto.extractContents = function() { var frag = this.nativeRange.extractContents(); updateRangeProperties(this); return frag; }; } else { } body.removeChild(el); body = null; /*--------------------------------------------------------------------------------------------------------*/ // Test for existence of createContextualFragment and delegate to it if it exists if (util.isHostMethod(range, "createContextualFragment")) { rangeProto.createContextualFragment = function(fragmentStr) { return this.nativeRange.createContextualFragment(fragmentStr); }; } /*--------------------------------------------------------------------------------------------------------*/ // Clean up getBody(document).removeChild(testTextNode); rangeProto.getName = function() { return "WrappedRange"; }; api.WrappedRange = WrappedRange; api.createNativeRange = function(doc) { doc = getContentDocument(doc, module, "createNativeRange"); return doc.createRange(); }; })(); } if (api.features.implementsTextRange) { /* This is a workaround for a bug where IE returns the wrong container element from the TextRange's parentElement() method. For example, in the following (where pipes denote the selection boundaries):
"; crashyTextNodes = isBrokenNode(textNode); api.features.crashyTextNodes = crashyTextNodes; })(); /*----------------------------------------------------------------------------------------------------------------*/ function inspectNode(node) { if (!node) { return "[No node]"; } if (crashyTextNodes && isBrokenNode(node)) { return "[Broken node]"; } if (isCharacterDataNode(node)) { return '"' + node.data + '"'; } if (node.nodeType == 1) { var idAttr = node.id ? ' id="' + node.id + '"' : ""; return "<" + node.nodeName + idAttr + ">[index:" + getNodeIndex(node) + ",length:" + node.childNodes.length + "][" + (node.innerHTML || "[innerHTML not supported]").slice(0, 25) + "]"; } return node.nodeName; } function fragmentFromNodeChildren(node) { var fragment = getDocument(node).createDocumentFragment(), child; while ( (child = node.firstChild) ) { fragment.appendChild(child); } return fragment; } var getComputedStyleProperty; if (typeof window.getComputedStyle != UNDEF) { getComputedStyleProperty = function(el, propName) { return getWindow(el).getComputedStyle(el, null)[propName]; }; } else if (typeof document.documentElement.currentStyle != UNDEF) { getComputedStyleProperty = function(el, propName) { return el.currentStyle ? el.currentStyle[propName] : ""; }; } else { module.fail("No means of obtaining computed style properties found"); } function createTestElement(doc, html, contentEditable) { var body = getBody(doc); var el = doc.createElement("div"); el.contentEditable = "" + !!contentEditable; if (html) { el.innerHTML = html; } // Insert the test element at the start of the body to prevent scrolling to the bottom in iOS (issue #292) var bodyFirstChild = body.firstChild; if (bodyFirstChild) { body.insertBefore(el, bodyFirstChild); } else { body.appendChild(el); } return el; } function removeNode(node) { return node.parentNode.removeChild(node); } function NodeIterator(root) { this.root = root; this._next = root; } NodeIterator.prototype = { _current: null, hasNext: function() { return !!this._next; }, next: function() { var n = this._current = this._next; var child, next; if (this._current) { child = n.firstChild; if (child) { this._next = child; } else { next = null; while ((n !== this.root) && !(next = n.nextSibling)) { n = n.parentNode; } this._next = next; } } return this._current; }, detach: function() { this._current = this._next = this.root = null; } }; function createIterator(root) { return new NodeIterator(root); } function DomPosition(node, offset) { this.node = node; this.offset = offset; } DomPosition.prototype = { equals: function(pos) { return !!pos && this.node === pos.node && this.offset == pos.offset; }, inspect: function() { return "[DomPosition(" + inspectNode(this.node) + ":" + this.offset + ")]"; }, toString: function() { return this.inspect(); } }; function DOMException(codeName) { this.code = this[codeName]; this.codeName = codeName; this.message = "DOMException: " + this.codeName; } DOMException.prototype = { INDEX_SIZE_ERR: 1, HIERARCHY_REQUEST_ERR: 3, WRONG_DOCUMENT_ERR: 4, NO_MODIFICATION_ALLOWED_ERR: 7, NOT_FOUND_ERR: 8, NOT_SUPPORTED_ERR: 9, INVALID_STATE_ERR: 11, INVALID_NODE_TYPE_ERR: 24 }; DOMException.prototype.toString = function() { return this.message; }; api.dom = { arrayContains: arrayContains, isHtmlNamespace: isHtmlNamespace, parentElement: parentElement, getNodeIndex: getNodeIndex, getNodeLength: getNodeLength, getCommonAncestor: getCommonAncestor, isAncestorOf: isAncestorOf, isOrIsAncestorOf: isOrIsAncestorOf, getClosestAncestorIn: getClosestAncestorIn, isCharacterDataNode: isCharacterDataNode, isTextOrCommentNode: isTextOrCommentNode, insertAfter: insertAfter, splitDataNode: splitDataNode, getDocument: getDocument, getWindow: getWindow, getIframeWindow: getIframeWindow, getIframeDocument: getIframeDocument, getBody: getBody, isWindow: isWindow, getContentDocument: getContentDocument, getRootContainer: getRootContainer, comparePoints: comparePoints, isBrokenNode: isBrokenNode, inspectNode: inspectNode, getComputedStyleProperty: getComputedStyleProperty, createTestElement: createTestElement, removeNode: removeNode, fragmentFromNodeChildren: fragmentFromNodeChildren, createIterator: createIterator, DomPosition: DomPosition }; api.DOMException = DOMException; }); /*----------------------------------------------------------------------------------------------------------------*/ // Pure JavaScript implementation of DOM Range api.createCoreModule("DomRange", ["DomUtil"], function(api, module) { var dom = api.dom; var util = api.util; var DomPosition = dom.DomPosition; var DOMException = api.DOMException; var isCharacterDataNode = dom.isCharacterDataNode; var getNodeIndex = dom.getNodeIndex; var isOrIsAncestorOf = dom.isOrIsAncestorOf; var getDocument = dom.getDocument; var comparePoints = dom.comparePoints; var splitDataNode = dom.splitDataNode; var getClosestAncestorIn = dom.getClosestAncestorIn; var getNodeLength = dom.getNodeLength; var arrayContains = dom.arrayContains; var getRootContainer = dom.getRootContainer; var crashyTextNodes = api.features.crashyTextNodes; var removeNode = dom.removeNode; /*----------------------------------------------------------------------------------------------------------------*/ // Utility functions function isNonTextPartiallySelected(node, range) { return (node.nodeType != 3) && (isOrIsAncestorOf(node, range.startContainer) || isOrIsAncestorOf(node, range.endContainer)); } function getRangeDocument(range) { return range.document || getDocument(range.startContainer); } function getRangeRoot(range) { return getRootContainer(range.startContainer); } function getBoundaryBeforeNode(node) { return new DomPosition(node.parentNode, getNodeIndex(node)); } function getBoundaryAfterNode(node) { return new DomPosition(node.parentNode, getNodeIndex(node) + 1); } function insertNodeAtPosition(node, n, o) { var firstNodeInserted = node.nodeType == 11 ? node.firstChild : node; if (isCharacterDataNode(n)) { if (o == n.length) { dom.insertAfter(node, n); } else { n.parentNode.insertBefore(node, o == 0 ? n : splitDataNode(n, o)); } } else if (o >= n.childNodes.length) { n.appendChild(node); } else { n.insertBefore(node, n.childNodes[o]); } return firstNodeInserted; } function rangesIntersect(rangeA, rangeB, touchingIsIntersecting) { assertRangeValid(rangeA); assertRangeValid(rangeB); if (getRangeDocument(rangeB) != getRangeDocument(rangeA)) { throw new DOMException("WRONG_DOCUMENT_ERR"); } var startComparison = comparePoints(rangeA.startContainer, rangeA.startOffset, rangeB.endContainer, rangeB.endOffset), endComparison = comparePoints(rangeA.endContainer, rangeA.endOffset, rangeB.startContainer, rangeB.startOffset); return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0; } function cloneSubtree(iterator) { var partiallySelected; for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) { partiallySelected = iterator.isPartiallySelectedSubtree(); node = node.cloneNode(!partiallySelected); if (partiallySelected) { subIterator = iterator.getSubtreeIterator(); node.appendChild(cloneSubtree(subIterator)); subIterator.detach(); } if (node.nodeType == 10) { // DocumentType throw new DOMException("HIERARCHY_REQUEST_ERR"); } frag.appendChild(node); } return frag; } function iterateSubtree(rangeIterator, func, iteratorState) { var it, n; iteratorState = iteratorState || { stop: false }; for (var node, subRangeIterator; node = rangeIterator.next(); ) { if (rangeIterator.isPartiallySelectedSubtree()) { if (func(node) === false) { iteratorState.stop = true; return; } else { // The node is partially selected by the Range, so we can use a new RangeIterator on the portion of // the node selected by the Range. subRangeIterator = rangeIterator.getSubtreeIterator(); iterateSubtree(subRangeIterator, func, iteratorState); subRangeIterator.detach(); if (iteratorState.stop) { return; } } } else { // The whole node is selected, so we can use efficient DOM iteration to iterate over the node and its // descendants it = dom.createIterator(node); while ( (n = it.next()) ) { if (func(n) === false) { iteratorState.stop = true; return; } } } } } function deleteSubtree(iterator) { var subIterator; while (iterator.next()) { if (iterator.isPartiallySelectedSubtree()) { subIterator = iterator.getSubtreeIterator(); deleteSubtree(subIterator); subIterator.detach(); } else { iterator.remove(); } } } function extractSubtree(iterator) { for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) { if (iterator.isPartiallySelectedSubtree()) { node = node.cloneNode(false); subIterator = iterator.getSubtreeIterator(); node.appendChild(extractSubtree(subIterator)); subIterator.detach(); } else { iterator.remove(); } if (node.nodeType == 10) { // DocumentType throw new DOMException("HIERARCHY_REQUEST_ERR"); } frag.appendChild(node); } return frag; } function getNodesInRange(range, nodeTypes, filter) { var filterNodeTypes = !!(nodeTypes && nodeTypes.length), regex; var filterExists = !!filter; if (filterNodeTypes) { regex = new RegExp("^(" + nodeTypes.join("|") + ")$"); } var nodes = []; iterateSubtree(new RangeIterator(range, false), function(node) { if (filterNodeTypes && !regex.test(node.nodeType)) { return; } if (filterExists && !filter(node)) { return; } // Don't include a boundary container if it is a character data node and the range does not contain any // of its character data. See issue 190. var sc = range.startContainer; if (node == sc && isCharacterDataNode(sc) && range.startOffset == sc.length) { return; } var ec = range.endContainer; if (node == ec && isCharacterDataNode(ec) && range.endOffset == 0) { return; } nodes.push(node); }); return nodes; } function inspect(range) { var name = (typeof range.getName == "undefined") ? "Range" : range.getName(); return "[" + name + "(" + dom.inspectNode(range.startContainer) + ":" + range.startOffset + ", " + dom.inspectNode(range.endContainer) + ":" + range.endOffset + ")]"; } /*----------------------------------------------------------------------------------------------------------------*/ // RangeIterator code partially borrows from IERange by Tim Ryan (http://github.com/timcameronryan/IERange) function RangeIterator(range, clonePartiallySelectedTextNodes) { this.range = range; this.clonePartiallySelectedTextNodes = clonePartiallySelectedTextNodes; if (!range.collapsed) { this.sc = range.startContainer; this.so = range.startOffset; this.ec = range.endContainer; this.eo = range.endOffset; var root = range.commonAncestorContainer; if (this.sc === this.ec && isCharacterDataNode(this.sc)) { this.isSingleCharacterDataNode = true; this._first = this._last = this._next = this.sc; } else { this._first = this._next = (this.sc === root && !isCharacterDataNode(this.sc)) ? this.sc.childNodes[this.so] : getClosestAncestorIn(this.sc, root, true); this._last = (this.ec === root && !isCharacterDataNode(this.ec)) ? this.ec.childNodes[this.eo - 1] : getClosestAncestorIn(this.ec, root, true); } } } RangeIterator.prototype = { _current: null, _next: null, _first: null, _last: null, isSingleCharacterDataNode: false, reset: function() { this._current = null; this._next = this._first; }, hasNext: function() { return !!this._next; }, next: function() { // Move to next node var current = this._current = this._next; if (current) { this._next = (current !== this._last) ? current.nextSibling : null; // Check for partially selected text nodes if (isCharacterDataNode(current) && this.clonePartiallySelectedTextNodes) { if (current === this.ec) { (current = current.cloneNode(true)).deleteData(this.eo, current.length - this.eo); } if (this._current === this.sc) { (current = current.cloneNode(true)).deleteData(0, this.so); } } } return current; }, remove: function() { var current = this._current, start, end; if (isCharacterDataNode(current) && (current === this.sc || current === this.ec)) { start = (current === this.sc) ? this.so : 0; end = (current === this.ec) ? this.eo : current.length; if (start != end) { current.deleteData(start, end - start); } } else { if (current.parentNode) { removeNode(current); } else { } } }, // Checks if the current node is partially selected isPartiallySelectedSubtree: function() { var current = this._current; return isNonTextPartiallySelected(current, this.range); }, getSubtreeIterator: function() { var subRange; if (this.isSingleCharacterDataNode) { subRange = this.range.cloneRange(); subRange.collapse(false); } else { subRange = new Range(getRangeDocument(this.range)); var current = this._current; var startContainer = current, startOffset = 0, endContainer = current, endOffset = getNodeLength(current); if (isOrIsAncestorOf(current, this.sc)) { startContainer = this.sc; startOffset = this.so; } if (isOrIsAncestorOf(current, this.ec)) { endContainer = this.ec; endOffset = this.eo; } updateBoundaries(subRange, startContainer, startOffset, endContainer, endOffset); } return new RangeIterator(subRange, this.clonePartiallySelectedTextNodes); }, detach: function() { this.range = this._current = this._next = this._first = this._last = this.sc = this.so = this.ec = this.eo = null; } }; /*----------------------------------------------------------------------------------------------------------------*/ var beforeAfterNodeTypes = [1, 3, 4, 5, 7, 8, 10]; var rootContainerNodeTypes = [2, 9, 11]; var readonlyNodeTypes = [5, 6, 10, 12]; var insertableNodeTypes = [1, 3, 4, 5, 7, 8, 10, 11]; var surroundNodeTypes = [1, 3, 4, 5, 7, 8]; function createAncestorFinder(nodeTypes) { return function(node, selfIsAncestor) { var t, n = selfIsAncestor ? node : node.parentNode; while (n) { t = n.nodeType; if (arrayContains(nodeTypes, t)) { return n; } n = n.parentNode; } return null; }; } var getDocumentOrFragmentContainer = createAncestorFinder( [9, 11] ); var getReadonlyAncestor = createAncestorFinder(readonlyNodeTypes); var getDocTypeNotationEntityAncestor = createAncestorFinder( [6, 10, 12] ); function assertNoDocTypeNotationEntityAncestor(node, allowSelf) { if (getDocTypeNotationEntityAncestor(node, allowSelf)) { throw new DOMException("INVALID_NODE_TYPE_ERR"); } } function assertValidNodeType(node, invalidTypes) { if (!arrayContains(invalidTypes, node.nodeType)) { throw new DOMException("INVALID_NODE_TYPE_ERR"); } } function assertValidOffset(node, offset) { if (offset < 0 || offset > (isCharacterDataNode(node) ? node.length : node.childNodes.length)) { throw new DOMException("INDEX_SIZE_ERR"); } } function assertSameDocumentOrFragment(node1, node2) { if (getDocumentOrFragmentContainer(node1, true) !== getDocumentOrFragmentContainer(node2, true)) { throw new DOMException("WRONG_DOCUMENT_ERR"); } } function assertNodeNotReadOnly(node) { if (getReadonlyAncestor(node, true)) { throw new DOMException("NO_MODIFICATION_ALLOWED_ERR"); } } function assertNode(node, codeName) { if (!node) { throw new DOMException(codeName); } } function isValidOffset(node, offset) { return offset <= (isCharacterDataNode(node) ? node.length : node.childNodes.length); } function isRangeValid(range) { return (!!range.startContainer && !!range.endContainer && !(crashyTextNodes && (dom.isBrokenNode(range.startContainer) || dom.isBrokenNode(range.endContainer))) && getRootContainer(range.startContainer) == getRootContainer(range.endContainer) && isValidOffset(range.startContainer, range.startOffset) && isValidOffset(range.endContainer, range.endOffset)); } function assertRangeValid(range) { if (!isRangeValid(range)) { throw new Error("Range error: Range is not valid. This usually happens after DOM mutation. Range: (" + range.inspect() + ")"); } } /*----------------------------------------------------------------------------------------------------------------*/ // Test the browser's innerHTML support to decide how to implement createContextualFragment var styleEl = document.createElement("style"); var htmlParsingConforms = false; try { styleEl.innerHTML = "x"; htmlParsingConforms = (styleEl.firstChild.nodeType == 3); // Opera incorrectly creates an element node } catch (e) { // IE 6 and 7 throw } api.features.htmlParsingConforms = htmlParsingConforms; var createContextualFragment = htmlParsingConforms ? // Implementation as per HTML parsing spec, trusting in the browser's implementation of innerHTML. See // discussion and base code for this implementation at issue 67. // Spec: http://html5.org/specs/dom-parsing.html#extensions-to-the-range-interface // Thanks to Aleks Williams. function(fragmentStr) { // "Let node the context object's start's node." var node = this.startContainer; var doc = getDocument(node); // "If the context object's start's node is null, raise an INVALID_STATE_ERR // exception and abort these steps." if (!node) { throw new DOMException("INVALID_STATE_ERR"); } // "Let element be as follows, depending on node's interface:" // Document, Document Fragment: null var el = null; // "Element: node" if (node.nodeType == 1) { el = node; // "Text, Comment: node's parentElement" } else if (isCharacterDataNode(node)) { el = dom.parentElement(node); } // "If either element is null or element's ownerDocument is an HTML document // and element's local name is "html" and element's namespace is the HTML // namespace" if (el === null || ( el.nodeName == "HTML" && dom.isHtmlNamespace(getDocument(el).documentElement) && dom.isHtmlNamespace(el) )) { // "let element be a new Element with "body" as its local name and the HTML // namespace as its namespace."" el = doc.createElement("body"); } else { el = el.cloneNode(false); } // "If the node's document is an HTML document: Invoke the HTML fragment parsing algorithm." // "If the node's document is an XML document: Invoke the XML fragment parsing algorithm." // "In either case, the algorithm must be invoked with fragment as the input // and element as the context element." el.innerHTML = fragmentStr; // "If this raises an exception, then abort these steps. Otherwise, let new // children be the nodes returned." // "Let fragment be a new DocumentFragment." // "Append all new children to fragment." // "Return fragment." return dom.fragmentFromNodeChildren(el); } : // In this case, innerHTML cannot be trusted, so fall back to a simpler, non-conformant implementation that // previous versions of Rangy used (with the exception of using a body element rather than a div) function(fragmentStr) { var doc = getRangeDocument(this); var el = doc.createElement("body"); el.innerHTML = fragmentStr; return dom.fragmentFromNodeChildren(el); }; function splitRangeBoundaries(range, positionsToPreserve) { assertRangeValid(range); var sc = range.startContainer, so = range.startOffset, ec = range.endContainer, eo = range.endOffset; var startEndSame = (sc === ec); if (isCharacterDataNode(ec) && eo > 0 && eo < ec.length) { splitDataNode(ec, eo, positionsToPreserve); } if (isCharacterDataNode(sc) && so > 0 && so < sc.length) { sc = splitDataNode(sc, so, positionsToPreserve); if (startEndSame) { eo -= so; ec = sc; } else if (ec == sc.parentNode && eo >= getNodeIndex(sc)) { eo++; } so = 0; } range.setStartAndEnd(sc, so, ec, eo); } function rangeToHtml(range) { assertRangeValid(range); var container = range.commonAncestorContainer.parentNode.cloneNode(false); container.appendChild( range.cloneContents() ); return container.innerHTML; } /*----------------------------------------------------------------------------------------------------------------*/ var rangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed", "commonAncestorContainer"]; var s2s = 0, s2e = 1, e2e = 2, e2s = 3; var n_b = 0, n_a = 1, n_b_a = 2, n_i = 3; util.extend(api.rangePrototype, { compareBoundaryPoints: function(how, range) { assertRangeValid(this); assertSameDocumentOrFragment(this.startContainer, range.startContainer); var nodeA, offsetA, nodeB, offsetB; var prefixA = (how == e2s || how == s2s) ? "start" : "end"; var prefixB = (how == s2e || how == s2s) ? "start" : "end"; nodeA = this[prefixA + "Container"]; offsetA = this[prefixA + "Offset"]; nodeB = range[prefixB + "Container"]; offsetB = range[prefixB + "Offset"]; return comparePoints(nodeA, offsetA, nodeB, offsetB); }, insertNode: function(node) { assertRangeValid(this); assertValidNodeType(node, insertableNodeTypes); assertNodeNotReadOnly(this.startContainer); if (isOrIsAncestorOf(node, this.startContainer)) { throw new DOMException("HIERARCHY_REQUEST_ERR"); } // No check for whether the container of the start of the Range is of a type that does not allow // children of the type of node: the browser's DOM implementation should do this for us when we attempt // to add the node var firstNodeInserted = insertNodeAtPosition(node, this.startContainer, this.startOffset); this.setStartBefore(firstNodeInserted); }, cloneContents: function() { assertRangeValid(this); var clone, frag; if (this.collapsed) { return getRangeDocument(this).createDocumentFragment(); } else { if (this.startContainer === this.endContainer && isCharacterDataNode(this.startContainer)) { clone = this.startContainer.cloneNode(true); clone.data = clone.data.slice(this.startOffset, this.endOffset); frag = getRangeDocument(this).createDocumentFragment(); frag.appendChild(clone); return frag; } else { var iterator = new RangeIterator(this, true); clone = cloneSubtree(iterator); iterator.detach(); } return clone; } }, canSurroundContents: function() { assertRangeValid(this); assertNodeNotReadOnly(this.startContainer); assertNodeNotReadOnly(this.endContainer); // Check if the contents can be surrounded. Specifically, this means whether the range partially selects // no non-text nodes. var iterator = new RangeIterator(this, true); var boundariesInvalid = (iterator._first && (isNonTextPartiallySelected(iterator._first, this)) || (iterator._last && isNonTextPartiallySelected(iterator._last, this))); iterator.detach(); return !boundariesInvalid; }, surroundContents: function(node) { assertValidNodeType(node, surroundNodeTypes); if (!this.canSurroundContents()) { throw new DOMException("INVALID_STATE_ERR"); } // Extract the contents var content = this.extractContents(); // Clear the children of the node if (node.hasChildNodes()) { while (node.lastChild) { node.removeChild(node.lastChild); } } // Insert the new node and add the extracted contents insertNodeAtPosition(node, this.startContainer, this.startOffset); node.appendChild(content); this.selectNode(node); }, cloneRange: function() { assertRangeValid(this); var range = new Range(getRangeDocument(this)); var i = rangeProperties.length, prop; while (i--) { prop = rangeProperties[i]; range[prop] = this[prop]; } return range; }, toString: function() { assertRangeValid(this); var sc = this.startContainer; if (sc === this.endContainer && isCharacterDataNode(sc)) { return (sc.nodeType == 3 || sc.nodeType == 4) ? sc.data.slice(this.startOffset, this.endOffset) : ""; } else { var textParts = [], iterator = new RangeIterator(this, true); iterateSubtree(iterator, function(node) { // Accept only text or CDATA nodes, not comments if (node.nodeType == 3 || node.nodeType == 4) { textParts.push(node.data); } }); iterator.detach(); return textParts.join(""); } }, // The methods below are all non-standard. The following batch were introduced by Mozilla but have since // been removed from Mozilla. compareNode: function(node) { assertRangeValid(this); var parent = node.parentNode; var nodeIndex = getNodeIndex(node); if (!parent) { throw new DOMException("NOT_FOUND_ERR"); } var startComparison = this.comparePoint(parent, nodeIndex), endComparison = this.comparePoint(parent, nodeIndex + 1); if (startComparison < 0) { // Node starts before return (endComparison > 0) ? n_b_a : n_b; } else { return (endComparison > 0) ? n_a : n_i; } }, comparePoint: function(node, offset) { assertRangeValid(this); assertNode(node, "HIERARCHY_REQUEST_ERR"); assertSameDocumentOrFragment(node, this.startContainer); if (comparePoints(node, offset, this.startContainer, this.startOffset) < 0) { return -1; } else if (comparePoints(node, offset, this.endContainer, this.endOffset) > 0) { return 1; } return 0; }, createContextualFragment: createContextualFragment, toHtml: function() { return rangeToHtml(this); }, // touchingIsIntersecting determines whether this method considers a node that borders a range intersects // with it (as in WebKit) or not (as in Gecko pre-1.9, and the default) intersectsNode: function(node, touchingIsIntersecting) { assertRangeValid(this); if (getRootContainer(node) != getRangeRoot(this)) { return false; } var parent = node.parentNode, offset = getNodeIndex(node); if (!parent) { return true; } var startComparison = comparePoints(parent, offset, this.endContainer, this.endOffset), endComparison = comparePoints(parent, offset + 1, this.startContainer, this.startOffset); return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0; }, isPointInRange: function(node, offset) { assertRangeValid(this); assertNode(node, "HIERARCHY_REQUEST_ERR"); assertSameDocumentOrFragment(node, this.startContainer); return (comparePoints(node, offset, this.startContainer, this.startOffset) >= 0) && (comparePoints(node, offset, this.endContainer, this.endOffset) <= 0); }, // The methods below are non-standard and invented by me. // Sharing a boundary start-to-end or end-to-start does not count as intersection. intersectsRange: function(range) { return rangesIntersect(this, range, false); }, // Sharing a boundary start-to-end or end-to-start does count as intersection. intersectsOrTouchesRange: function(range) { return rangesIntersect(this, range, true); }, intersection: function(range) { if (this.intersectsRange(range)) { var startComparison = comparePoints(this.startContainer, this.startOffset, range.startContainer, range.startOffset), endComparison = comparePoints(this.endContainer, this.endOffset, range.endContainer, range.endOffset); var intersectionRange = this.cloneRange(); if (startComparison == -1) { intersectionRange.setStart(range.startContainer, range.startOffset); } if (endComparison == 1) { intersectionRange.setEnd(range.endContainer, range.endOffset); } return intersectionRange; } return null; }, union: function(range) { if (this.intersectsOrTouchesRange(range)) { var unionRange = this.cloneRange(); if (comparePoints(range.startContainer, range.startOffset, this.startContainer, this.startOffset) == -1) { unionRange.setStart(range.startContainer, range.startOffset); } if (comparePoints(range.endContainer, range.endOffset, this.endContainer, this.endOffset) == 1) { unionRange.setEnd(range.endContainer, range.endOffset); } return unionRange; } else { throw new DOMException("Ranges do not intersect"); } }, containsNode: function(node, allowPartial) { if (allowPartial) { return this.intersectsNode(node, false); } else { return this.compareNode(node) == n_i; } }, containsNodeContents: function(node) { return this.comparePoint(node, 0) >= 0 && this.comparePoint(node, getNodeLength(node)) <= 0; }, containsRange: function(range) { var intersection = this.intersection(range); return intersection !== null && range.equals(intersection); }, containsNodeText: function(node) { var nodeRange = this.cloneRange(); nodeRange.selectNode(node); var textNodes = nodeRange.getNodes([3]); if (textNodes.length > 0) { nodeRange.setStart(textNodes[0], 0); var lastTextNode = textNodes.pop(); nodeRange.setEnd(lastTextNode, lastTextNode.length); return this.containsRange(nodeRange); } else { return this.containsNodeContents(node); } }, getNodes: function(nodeTypes, filter) { assertRangeValid(this); return getNodesInRange(this, nodeTypes, filter); }, getDocument: function() { return getRangeDocument(this); }, collapseBefore: function(node) { this.setEndBefore(node); this.collapse(false); }, collapseAfter: function(node) { this.setStartAfter(node); this.collapse(true); }, getBookmark: function(containerNode) { var doc = getRangeDocument(this); var preSelectionRange = api.createRange(doc); containerNode = containerNode || dom.getBody(doc); preSelectionRange.selectNodeContents(containerNode); var range = this.intersection(preSelectionRange); var start = 0, end = 0; if (range) { preSelectionRange.setEnd(range.startContainer, range.startOffset); start = preSelectionRange.toString().length; end = start + range.toString().length; } return { start: start, end: end, containerNode: containerNode }; }, moveToBookmark: function(bookmark) { var containerNode = bookmark.containerNode; var charIndex = 0; this.setStart(containerNode, 0); this.collapse(true); var nodeStack = [containerNode], node, foundStart = false, stop = false; var nextCharIndex, i, childNodes; while (!stop && (node = nodeStack.pop())) { if (node.nodeType == 3) { nextCharIndex = charIndex + node.length; if (!foundStart && bookmark.start >= charIndex && bookmark.start <= nextCharIndex) { this.setStart(node, bookmark.start - charIndex); foundStart = true; } if (foundStart && bookmark.end >= charIndex && bookmark.end <= nextCharIndex) { this.setEnd(node, bookmark.end - charIndex); stop = true; } charIndex = nextCharIndex; } else { childNodes = node.childNodes; i = childNodes.length; while (i--) { nodeStack.push(childNodes[i]); } } } }, getName: function() { return "DomRange"; }, equals: function(range) { return Range.rangesEqual(this, range); }, isValid: function() { return isRangeValid(this); }, inspect: function() { return inspect(this); }, detach: function() { // In DOM4, detach() is now a no-op. } }); function copyComparisonConstantsToObject(obj) { obj.START_TO_START = s2s; obj.START_TO_END = s2e; obj.END_TO_END = e2e; obj.END_TO_START = e2s; obj.NODE_BEFORE = n_b; obj.NODE_AFTER = n_a; obj.NODE_BEFORE_AND_AFTER = n_b_a; obj.NODE_INSIDE = n_i; } function copyComparisonConstants(constructor) { copyComparisonConstantsToObject(constructor); copyComparisonConstantsToObject(constructor.prototype); } function createRangeContentRemover(remover, boundaryUpdater) { return function() { assertRangeValid(this); var sc = this.startContainer, so = this.startOffset, root = this.commonAncestorContainer; var iterator = new RangeIterator(this, true); // Work out where to position the range after content removal var node, boundary; if (sc !== root) { node = getClosestAncestorIn(sc, root, true); boundary = getBoundaryAfterNode(node); sc = boundary.node; so = boundary.offset; } // Check none of the range is read-only iterateSubtree(iterator, assertNodeNotReadOnly); iterator.reset(); // Remove the content var returnValue = remover(iterator); iterator.detach(); // Move to the new position boundaryUpdater(this, sc, so, sc, so); return returnValue; }; } function createPrototypeRange(constructor, boundaryUpdater) { function createBeforeAfterNodeSetter(isBefore, isStart) { return function(node) { assertValidNodeType(node, beforeAfterNodeTypes); assertValidNodeType(getRootContainer(node), rootContainerNodeTypes); var boundary = (isBefore ? getBoundaryBeforeNode : getBoundaryAfterNode)(node); (isStart ? setRangeStart : setRangeEnd)(this, boundary.node, boundary.offset); }; } function setRangeStart(range, node, offset) { var ec = range.endContainer, eo = range.endOffset; if (node !== range.startContainer || offset !== range.startOffset) { // Check the root containers of the range and the new boundary, and also check whether the new boundary // is after the current end. In either case, collapse the range to the new position if (getRootContainer(node) != getRootContainer(ec) || comparePoints(node, offset, ec, eo) == 1) { ec = node; eo = offset; } boundaryUpdater(range, node, offset, ec, eo); } } function setRangeEnd(range, node, offset) { var sc = range.startContainer, so = range.startOffset; if (node !== range.endContainer || offset !== range.endOffset) { // Check the root containers of the range and the new boundary, and also check whether the new boundary // is after the current end. In either case, collapse the range to the new position if (getRootContainer(node) != getRootContainer(sc) || comparePoints(node, offset, sc, so) == -1) { sc = node; so = offset; } boundaryUpdater(range, sc, so, node, offset); } } // Set up inheritance var F = function() {}; F.prototype = api.rangePrototype; constructor.prototype = new F(); util.extend(constructor.prototype, { setStart: function(node, offset) { assertNoDocTypeNotationEntityAncestor(node, true); assertValidOffset(node, offset); setRangeStart(this, node, offset); }, setEnd: function(node, offset) { assertNoDocTypeNotationEntityAncestor(node, true); assertValidOffset(node, offset); setRangeEnd(this, node, offset); }, /** * Convenience method to set a range's start and end boundaries. Overloaded as follows: * - Two parameters (node, offset) creates a collapsed range at that position * - Three parameters (node, startOffset, endOffset) creates a range contained with node starting at * startOffset and ending at endOffset * - Four parameters (startNode, startOffset, endNode, endOffset) creates a range starting at startOffset in * startNode and ending at endOffset in endNode */ setStartAndEnd: function() { var args = arguments; var sc = args[0], so = args[1], ec = sc, eo = so; switch (args.length) { case 3: eo = args[2]; break; case 4: ec = args[2]; eo = args[3]; break; } boundaryUpdater(this, sc, so, ec, eo); }, setBoundary: function(node, offset, isStart) { this["set" + (isStart ? "Start" : "End")](node, offset); }, setStartBefore: createBeforeAfterNodeSetter(true, true), setStartAfter: createBeforeAfterNodeSetter(false, true), setEndBefore: createBeforeAfterNodeSetter(true, false), setEndAfter: createBeforeAfterNodeSetter(false, false), collapse: function(isStart) { assertRangeValid(this); if (isStart) { boundaryUpdater(this, this.startContainer, this.startOffset, this.startContainer, this.startOffset); } else { boundaryUpdater(this, this.endContainer, this.endOffset, this.endContainer, this.endOffset); } }, selectNodeContents: function(node) { assertNoDocTypeNotationEntityAncestor(node, true); boundaryUpdater(this, node, 0, node, getNodeLength(node)); }, selectNode: function(node) { assertNoDocTypeNotationEntityAncestor(node, false); assertValidNodeType(node, beforeAfterNodeTypes); var start = getBoundaryBeforeNode(node), end = getBoundaryAfterNode(node); boundaryUpdater(this, start.node, start.offset, end.node, end.offset); }, extractContents: createRangeContentRemover(extractSubtree, boundaryUpdater), deleteContents: createRangeContentRemover(deleteSubtree, boundaryUpdater), canSurroundContents: function() { assertRangeValid(this); assertNodeNotReadOnly(this.startContainer); assertNodeNotReadOnly(this.endContainer); // Check if the contents can be surrounded. Specifically, this means whether the range partially selects // no non-text nodes. var iterator = new RangeIterator(this, true); var boundariesInvalid = (iterator._first && isNonTextPartiallySelected(iterator._first, this) || (iterator._last && isNonTextPartiallySelected(iterator._last, this))); iterator.detach(); return !boundariesInvalid; }, splitBoundaries: function() { splitRangeBoundaries(this); }, splitBoundariesPreservingPositions: function(positionsToPreserve) { splitRangeBoundaries(this, positionsToPreserve); }, normalizeBoundaries: function() { assertRangeValid(this); var sc = this.startContainer, so = this.startOffset, ec = this.endContainer, eo = this.endOffset; var mergeForward = function(node) { var sibling = node.nextSibling; if (sibling && sibling.nodeType == node.nodeType) { ec = node; eo = node.length; node.appendData(sibling.data); removeNode(sibling); } }; var mergeBackward = function(node) { var sibling = node.previousSibling; if (sibling && sibling.nodeType == node.nodeType) { sc = node; var nodeLength = node.length; so = sibling.length; node.insertData(0, sibling.data); removeNode(sibling); if (sc == ec) { eo += so; ec = sc; } else if (ec == node.parentNode) { var nodeIndex = getNodeIndex(node); if (eo == nodeIndex) { ec = node; eo = nodeLength; } else if (eo > nodeIndex) { eo--; } } } }; var normalizeStart = true; var sibling; if (isCharacterDataNode(ec)) { if (eo == ec.length) { mergeForward(ec); } else if (eo == 0) { sibling = ec.previousSibling; if (sibling && sibling.nodeType == ec.nodeType) { eo = sibling.length; if (sc == ec) { normalizeStart = false; } sibling.appendData(ec.data); removeNode(ec); ec = sibling; } } } else { if (eo > 0) { var endNode = ec.childNodes[eo - 1]; if (endNode && isCharacterDataNode(endNode)) { mergeForward(endNode); } } normalizeStart = !this.collapsed; } if (normalizeStart) { if (isCharacterDataNode(sc)) { if (so == 0) { mergeBackward(sc); } else if (so == sc.length) { sibling = sc.nextSibling; if (sibling && sibling.nodeType == sc.nodeType) { if (ec == sibling) { ec = sc; eo += sc.length; } sc.appendData(sibling.data); removeNode(sibling); } } } else { if (so < sc.childNodes.length) { var startNode = sc.childNodes[so]; if (startNode && isCharacterDataNode(startNode)) { mergeBackward(startNode); } } } } else { sc = ec; so = eo; } boundaryUpdater(this, sc, so, ec, eo); }, collapseToPoint: function(node, offset) { assertNoDocTypeNotationEntityAncestor(node, true); assertValidOffset(node, offset); this.setStartAndEnd(node, offset); } }); copyComparisonConstants(constructor); } /*----------------------------------------------------------------------------------------------------------------*/ // Updates commonAncestorContainer and collapsed after boundary change function updateCollapsedAndCommonAncestor(range) { range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset); range.commonAncestorContainer = range.collapsed ? range.startContainer : dom.getCommonAncestor(range.startContainer, range.endContainer); } function updateBoundaries(range, startContainer, startOffset, endContainer, endOffset) { range.startContainer = startContainer; range.startOffset = startOffset; range.endContainer = endContainer; range.endOffset = endOffset; range.document = dom.getDocument(startContainer); updateCollapsedAndCommonAncestor(range); } function Range(doc) { this.startContainer = doc; this.startOffset = 0; this.endContainer = doc; this.endOffset = 0; this.document = doc; updateCollapsedAndCommonAncestor(this); } createPrototypeRange(Range, updateBoundaries); util.extend(Range, { rangeProperties: rangeProperties, RangeIterator: RangeIterator, copyComparisonConstants: copyComparisonConstants, createPrototypeRange: createPrototypeRange, inspect: inspect, toHtml: rangeToHtml, getRangeDocument: getRangeDocument, rangesEqual: function(r1, r2) { return r1.startContainer === r2.startContainer && r1.startOffset === r2.startOffset && r1.endContainer === r2.endContainer && r1.endOffset === r2.endOffset; } }); api.DomRange = Range; }); /*----------------------------------------------------------------------------------------------------------------*/ // Wrappers for the browser's native DOM Range and/or TextRange implementation api.createCoreModule("WrappedRange", ["DomRange"], function(api, module) { var WrappedRange, WrappedTextRange; var dom = api.dom; var util = api.util; var DomPosition = dom.DomPosition; var DomRange = api.DomRange; var getBody = dom.getBody; var getContentDocument = dom.getContentDocument; var isCharacterDataNode = dom.isCharacterDataNode; /*----------------------------------------------------------------------------------------------------------------*/ if (api.features.implementsDomRange) { // This is a wrapper around the browser's native DOM Range. It has two aims: // - Provide workarounds for specific browser bugs // - provide convenient extensions, which are inherited from Rangy's DomRange (function() { var rangeProto; var rangeProperties = DomRange.rangeProperties; function updateRangeProperties(range) { var i = rangeProperties.length, prop; while (i--) { prop = rangeProperties[i]; range[prop] = range.nativeRange[prop]; } // Fix for broken collapsed property in IE 9. range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset); } function updateNativeRange(range, startContainer, startOffset, endContainer, endOffset) { var startMoved = (range.startContainer !== startContainer || range.startOffset != startOffset); var endMoved = (range.endContainer !== endContainer || range.endOffset != endOffset); var nativeRangeDifferent = !range.equals(range.nativeRange); // Always set both boundaries for the benefit of IE9 (see issue 35) if (startMoved || endMoved || nativeRangeDifferent) { range.setEnd(endContainer, endOffset); range.setStart(startContainer, startOffset); } } var createBeforeAfterNodeSetter; WrappedRange = function(range) { if (!range) { throw module.createError("WrappedRange: Range must be specified"); } this.nativeRange = range; updateRangeProperties(this); }; DomRange.createPrototypeRange(WrappedRange, updateNativeRange); rangeProto = WrappedRange.prototype; rangeProto.selectNode = function(node) { this.nativeRange.selectNode(node); updateRangeProperties(this); }; rangeProto.cloneContents = function() { return this.nativeRange.cloneContents(); }; // Due to a long-standing Firefox bug that I have not been able to find a reliable way to detect, // insertNode() is never delegated to the native range. rangeProto.surroundContents = function(node) { this.nativeRange.surroundContents(node); updateRangeProperties(this); }; rangeProto.collapse = function(isStart) { this.nativeRange.collapse(isStart); updateRangeProperties(this); }; rangeProto.cloneRange = function() { return new WrappedRange(this.nativeRange.cloneRange()); }; rangeProto.refresh = function() { updateRangeProperties(this); }; rangeProto.toString = function() { return this.nativeRange.toString(); }; // Create test range and node for feature detection var testTextNode = document.createTextNode("test"); getBody(document).appendChild(testTextNode); var range = document.createRange(); /*--------------------------------------------------------------------------------------------------------*/ // Test for Firefox 2 bug that prevents moving the start of a Range to a point after its current end and // correct for it range.setStart(testTextNode, 0); range.setEnd(testTextNode, 0); try { range.setStart(testTextNode, 1); rangeProto.setStart = function(node, offset) { this.nativeRange.setStart(node, offset); updateRangeProperties(this); }; rangeProto.setEnd = function(node, offset) { this.nativeRange.setEnd(node, offset); updateRangeProperties(this); }; createBeforeAfterNodeSetter = function(name) { return function(node) { this.nativeRange[name](node); updateRangeProperties(this); }; }; } catch(ex) { rangeProto.setStart = function(node, offset) { try { this.nativeRange.setStart(node, offset); } catch (ex) { this.nativeRange.setEnd(node, offset); this.nativeRange.setStart(node, offset); } updateRangeProperties(this); }; rangeProto.setEnd = function(node, offset) { try { this.nativeRange.setEnd(node, offset); } catch (ex) { this.nativeRange.setStart(node, offset); this.nativeRange.setEnd(node, offset); } updateRangeProperties(this); }; createBeforeAfterNodeSetter = function(name, oppositeName) { return function(node) { try { this.nativeRange[name](node); } catch (ex) { this.nativeRange[oppositeName](node); this.nativeRange[name](node); } updateRangeProperties(this); }; }; } rangeProto.setStartBefore = createBeforeAfterNodeSetter("setStartBefore", "setEndBefore"); rangeProto.setStartAfter = createBeforeAfterNodeSetter("setStartAfter", "setEndAfter"); rangeProto.setEndBefore = createBeforeAfterNodeSetter("setEndBefore", "setStartBefore"); rangeProto.setEndAfter = createBeforeAfterNodeSetter("setEndAfter", "setStartAfter"); /*--------------------------------------------------------------------------------------------------------*/ // Always use DOM4-compliant selectNodeContents implementation: it's simpler and less code than testing // whether the native implementation can be trusted rangeProto.selectNodeContents = function(node) { this.setStartAndEnd(node, 0, dom.getNodeLength(node)); }; /*--------------------------------------------------------------------------------------------------------*/ // Test for and correct WebKit bug that has the behaviour of compareBoundaryPoints round the wrong way for // constants START_TO_END and END_TO_START: https://bugs.webkit.org/show_bug.cgi?id=20738 range.selectNodeContents(testTextNode); range.setEnd(testTextNode, 3); var range2 = document.createRange(); range2.selectNodeContents(testTextNode); range2.setEnd(testTextNode, 4); range2.setStart(testTextNode, 2); if (range.compareBoundaryPoints(range.START_TO_END, range2) == -1 && range.compareBoundaryPoints(range.END_TO_START, range2) == 1) { // This is the wrong way round, so correct for it rangeProto.compareBoundaryPoints = function(type, range) { range = range.nativeRange || range; if (type == range.START_TO_END) { type = range.END_TO_START; } else if (type == range.END_TO_START) { type = range.START_TO_END; } return this.nativeRange.compareBoundaryPoints(type, range); }; } else { rangeProto.compareBoundaryPoints = function(type, range) { return this.nativeRange.compareBoundaryPoints(type, range.nativeRange || range); }; } /*--------------------------------------------------------------------------------------------------------*/ // Test for IE deleteContents() and extractContents() bug and correct it. See issue 107. var el = document.createElement("div"); el.innerHTML = "123"; var textNode = el.firstChild; var body = getBody(document); body.appendChild(el); range.setStart(textNode, 1); range.setEnd(textNode, 2); range.deleteContents(); if (textNode.data == "13") { // Behaviour is correct per DOM4 Range so wrap the browser's implementation of deleteContents() and // extractContents() rangeProto.deleteContents = function() { this.nativeRange.deleteContents(); updateRangeProperties(this); }; rangeProto.extractContents = function() { var frag = this.nativeRange.extractContents(); updateRangeProperties(this); return frag; }; } else { } body.removeChild(el); body = null; /*--------------------------------------------------------------------------------------------------------*/ // Test for existence of createContextualFragment and delegate to it if it exists if (util.isHostMethod(range, "createContextualFragment")) { rangeProto.createContextualFragment = function(fragmentStr) { return this.nativeRange.createContextualFragment(fragmentStr); }; } /*--------------------------------------------------------------------------------------------------------*/ // Clean up getBody(document).removeChild(testTextNode); rangeProto.getName = function() { return "WrappedRange"; }; api.WrappedRange = WrappedRange; api.createNativeRange = function(doc) { doc = getContentDocument(doc, module, "createNativeRange"); return doc.createRange(); }; })(); } if (api.features.implementsTextRange) { /* This is a workaround for a bug where IE returns the wrong container element from the TextRange's parentElement() method. For example, in the following (where pipes denote the selection boundaries):
- | a
- b |
element, for example), we need a slightly complicated approach to get the boundary's offset in
IE. The facts:
- Each line break is represented as \r in the text node's data/nodeValue properties
- Each line break is represented as \r\n in the TextRange's 'text' property
- The 'text' property of the TextRange does not contain trailing line breaks
To get round the problem presented by the final fact above, we can use the fact that TextRange's
moveStart() and moveEnd() methods return the actual number of characters moved, which is not
necessarily the same as the number of characters it was instructed to move. The simplest approach is
to use this to store the characters moved when moving both the start and end of the range to the
start of the document body and subtracting the start offset from the end offset (the
"move-negative-gazillion" method). However, this is extremely slow when the document is large and
the range is near the end of it. Clearly doing the mirror image (i.e. moving the range boundaries to
the end of the document) has the same problem.
Another approach that works is to use moveStart() to move the start boundary of the range up to the
end boundary one character at a time and incrementing a counter with the value returned by the
moveStart() call. However, the check for whether the start boundary has reached the end boundary is
expensive, so this method is slow (although unlike "move-negative-gazillion" is largely unaffected
by the location of the range within the document).
The approach used below is a hybrid of the two methods above. It uses the fact that a string
containing the TextRange's 'text' property with each \r\n converted to a single \r character cannot
be longer than the text of the TextRange, so the start of the range is moved that length initially
and then a character at a time to make up for any trailing line breaks not contained in the 'text'
property. This has good performance in most situations compared to the previous two methods.
*/
var tempRange = workingRange.duplicate();
var rangeLength = tempRange.text.replace(/\r\n/g, "\r").length;
offset = tempRange.moveStart("character", rangeLength);
while ( (comparison = tempRange.compareEndPoints("StartToEnd", tempRange)) == -1) {
offset++;
tempRange.moveStart("character", 1);
}
} else {
offset = workingRange.text.length;
}
boundaryPosition = new DomPosition(boundaryNode, offset);
} else {
// If the boundary immediately follows a character data node and this is the end boundary, we should favour
// a position within that, and likewise for a start boundary preceding a character data node
previousNode = (isCollapsed || !isStart) && workingNode.previousSibling;
nextNode = (isCollapsed || isStart) && workingNode.nextSibling;
if (nextNode && isCharacterDataNode(nextNode)) {
boundaryPosition = new DomPosition(nextNode, 0);
} else if (previousNode && isCharacterDataNode(previousNode)) {
boundaryPosition = new DomPosition(previousNode, previousNode.data.length);
} else {
boundaryPosition = new DomPosition(containerElement, dom.getNodeIndex(workingNode));
}
}
// Clean up
dom.removeNode(workingNode);
return {
boundaryPosition: boundaryPosition,
nodeInfo: {
nodeIndex: nodeIndex,
containerElement: containerElement
}
};
};
// Returns a TextRange representing the boundary of a TextRange expressed as a node and an offset within that
// node. This function started out as an optimized version of code found in Tim Cameron Ryan's IERange
// (http://code.google.com/p/ierange/)
var createBoundaryTextRange = function(boundaryPosition, isStart) {
var boundaryNode, boundaryParent, boundaryOffset = boundaryPosition.offset;
var doc = dom.getDocument(boundaryPosition.node);
var workingNode, childNodes, workingRange = getBody(doc).createTextRange();
var nodeIsDataNode = isCharacterDataNode(boundaryPosition.node);
if (nodeIsDataNode) {
boundaryNode = boundaryPosition.node;
boundaryParent = boundaryNode.parentNode;
} else {
childNodes = boundaryPosition.node.childNodes;
boundaryNode = (boundaryOffset < childNodes.length) ? childNodes[boundaryOffset] : null;
boundaryParent = boundaryPosition.node;
}
// Position the range immediately before the node containing the boundary
workingNode = doc.createElement("span");
// Making the working element non-empty element persuades IE to consider the TextRange boundary to be within
// the element rather than immediately before or after it
workingNode.innerHTML = "&#feff;";
// insertBefore is supposed to work like appendChild if the second parameter is null. However, a bug report
// for IERange suggests that it can crash the browser: http://code.google.com/p/ierange/issues/detail?id=12
if (boundaryNode) {
boundaryParent.insertBefore(workingNode, boundaryNode);
} else {
boundaryParent.appendChild(workingNode);
}
workingRange.moveToElementText(workingNode);
workingRange.collapse(!isStart);
// Clean up
boundaryParent.removeChild(workingNode);
// Move the working range to the text offset, if required
if (nodeIsDataNode) {
workingRange[isStart ? "moveStart" : "moveEnd"]("character", boundaryOffset);
}
return workingRange;
};
/*------------------------------------------------------------------------------------------------------------*/
// This is a wrapper around a TextRange, providing full DOM Range functionality using rangy's DomRange as a
// prototype
WrappedTextRange = function(textRange) {
this.textRange = textRange;
this.refresh();
};
WrappedTextRange.prototype = new DomRange(document);
WrappedTextRange.prototype.refresh = function() {
var start, end, startBoundary;
// TextRange's parentElement() method cannot be trusted. getTextRangeContainerElement() works around that.
var rangeContainerElement = getTextRangeContainerElement(this.textRange);
if (textRangeIsCollapsed(this.textRange)) {
end = start = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, true,
true).boundaryPosition;
} else {
startBoundary = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, true, false);
start = startBoundary.boundaryPosition;
// An optimization used here is that if the start and end boundaries have the same parent element, the
// search scope for the end boundary can be limited to exclude the portion of the element that precedes
// the start boundary
end = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, false, false,
startBoundary.nodeInfo).boundaryPosition;
}
this.setStart(start.node, start.offset);
this.setEnd(end.node, end.offset);
};
WrappedTextRange.prototype.getName = function() {
return "WrappedTextRange";
};
DomRange.copyComparisonConstants(WrappedTextRange);
var rangeToTextRange = function(range) {
if (range.collapsed) {
return createBoundaryTextRange(new DomPosition(range.startContainer, range.startOffset), true);
} else {
var startRange = createBoundaryTextRange(new DomPosition(range.startContainer, range.startOffset), true);
var endRange = createBoundaryTextRange(new DomPosition(range.endContainer, range.endOffset), false);
var textRange = getBody( DomRange.getRangeDocument(range) ).createTextRange();
textRange.setEndPoint("StartToStart", startRange);
textRange.setEndPoint("EndToEnd", endRange);
return textRange;
}
};
WrappedTextRange.rangeToTextRange = rangeToTextRange;
WrappedTextRange.prototype.toTextRange = function() {
return rangeToTextRange(this);
};
api.WrappedTextRange = WrappedTextRange;
// IE 9 and above have both implementations and Rangy makes both available. The next few lines sets which
// implementation to use by default.
if (!api.features.implementsDomRange || api.config.preferTextRange) {
// Add WrappedTextRange as the Range property of the global object to allow expression like Range.END_TO_END to work
var globalObj = (function(f) { return f("return this;")(); })(Function);
if (typeof globalObj.Range == "undefined") {
globalObj.Range = WrappedTextRange;
}
api.createNativeRange = function(doc) {
doc = getContentDocument(doc, module, "createNativeRange");
return getBody(doc).createTextRange();
};
api.WrappedRange = WrappedTextRange;
}
}
api.createRange = function(doc) {
doc = getContentDocument(doc, module, "createRange");
return new api.WrappedRange(api.createNativeRange(doc));
};
api.createRangyRange = function(doc) {
doc = getContentDocument(doc, module, "createRangyRange");
return new DomRange(doc);
};
util.createAliasForDeprecatedMethod(api, "createIframeRange", "createRange");
util.createAliasForDeprecatedMethod(api, "createIframeRangyRange", "createRangyRange");
api.addShimListener(function(win) {
var doc = win.document;
if (typeof doc.createRange == "undefined") {
doc.createRange = function() {
return api.createRange(doc);
};
}
doc = win = null;
});
});
/*----------------------------------------------------------------------------------------------------------------*/
// This module creates a selection object wrapper that conforms as closely as possible to the Selection specification
// in the HTML Editing spec (http://dvcs.w3.org/hg/editing/raw-file/tip/editing.html#selections)
api.createCoreModule("WrappedSelection", ["DomRange", "WrappedRange"], function(api, module) {
api.config.checkSelectionRanges = true;
var BOOLEAN = "boolean";
var NUMBER = "number";
var dom = api.dom;
var util = api.util;
var isHostMethod = util.isHostMethod;
var DomRange = api.DomRange;
var WrappedRange = api.WrappedRange;
var DOMException = api.DOMException;
var DomPosition = dom.DomPosition;
var getNativeSelection;
var selectionIsCollapsed;
var features = api.features;
var CONTROL = "Control";
var getDocument = dom.getDocument;
var getBody = dom.getBody;
var rangesEqual = DomRange.rangesEqual;
// Utility function to support direction parameters in the API that may be a string ("backward", "backwards",
// "forward" or "forwards") or a Boolean (true for backwards).
function isDirectionBackward(dir) {
return (typeof dir == "string") ? /^backward(s)?$/i.test(dir) : !!dir;
}
function getWindow(win, methodName) {
if (!win) {
return window;
} else if (dom.isWindow(win)) {
return win;
} else if (win instanceof WrappedSelection) {
return win.win;
} else {
var doc = dom.getContentDocument(win, module, methodName);
return dom.getWindow(doc);
}
}
function getWinSelection(winParam) {
return getWindow(winParam, "getWinSelection").getSelection();
}
function getDocSelection(winParam) {
return getWindow(winParam, "getDocSelection").document.selection;
}
function winSelectionIsBackward(sel) {
var backward = false;
if (sel.anchorNode) {
backward = (dom.comparePoints(sel.anchorNode, sel.anchorOffset, sel.focusNode, sel.focusOffset) == 1);
}
return backward;
}
// Test for the Range/TextRange and Selection features required
// Test for ability to retrieve selection
var implementsWinGetSelection = isHostMethod(window, "getSelection"),
implementsDocSelection = util.isHostObject(document, "selection");
features.implementsWinGetSelection = implementsWinGetSelection;
features.implementsDocSelection = implementsDocSelection;
var useDocumentSelection = implementsDocSelection && (!implementsWinGetSelection || api.config.preferTextRange);
if (useDocumentSelection) {
getNativeSelection = getDocSelection;
api.isSelectionValid = function(winParam) {
var doc = getWindow(winParam, "isSelectionValid").document, nativeSel = doc.selection;
// Check whether the selection TextRange is actually contained within the correct document
return (nativeSel.type != "None" || getDocument(nativeSel.createRange().parentElement()) == doc);
};
} else if (implementsWinGetSelection) {
getNativeSelection = getWinSelection;
api.isSelectionValid = function() {
return true;
};
} else {
module.fail("Neither document.selection or window.getSelection() detected.");
return false;
}
api.getNativeSelection = getNativeSelection;
var testSelection = getNativeSelection();
// In Firefox, the selection is null in an iframe with display: none. See issue #138.
if (!testSelection) {
module.fail("Native selection was null (possibly issue 138?)");
return false;
}
var testRange = api.createNativeRange(document);
var body = getBody(document);
// Obtaining a range from a selection
var selectionHasAnchorAndFocus = util.areHostProperties(testSelection,
["anchorNode", "focusNode", "anchorOffset", "focusOffset"]);
features.selectionHasAnchorAndFocus = selectionHasAnchorAndFocus;
// Test for existence of native selection extend() method
var selectionHasExtend = isHostMethod(testSelection, "extend");
features.selectionHasExtend = selectionHasExtend;
// Test if rangeCount exists
var selectionHasRangeCount = (typeof testSelection.rangeCount == NUMBER);
features.selectionHasRangeCount = selectionHasRangeCount;
var selectionSupportsMultipleRanges = false;
var collapsedNonEditableSelectionsSupported = true;
var addRangeBackwardToNative = selectionHasExtend ?
function(nativeSelection, range) {
var doc = DomRange.getRangeDocument(range);
var endRange = api.createRange(doc);
endRange.collapseToPoint(range.endContainer, range.endOffset);
nativeSelection.addRange(getNativeRange(endRange));
nativeSelection.extend(range.startContainer, range.startOffset);
} : null;
if (util.areHostMethods(testSelection, ["addRange", "getRangeAt", "removeAllRanges"]) &&
typeof testSelection.rangeCount == NUMBER && features.implementsDomRange) {
(function() {
// Previously an iframe was used but this caused problems in some circumstances in IE, so tests are
// performed on the current document's selection. See issue 109.
// Note also that if a selection previously existed, it is wiped and later restored by these tests. This
// will result in the selection direction begin reversed if the original selection was backwards and the
// browser does not support setting backwards selections (Internet Explorer, I'm looking at you).
var sel = window.getSelection();
if (sel) {
// Store the current selection
var originalSelectionRangeCount = sel.rangeCount;
var selectionHasMultipleRanges = (originalSelectionRangeCount > 1);
var originalSelectionRanges = [];
var originalSelectionBackward = winSelectionIsBackward(sel);
for (var i = 0; i < originalSelectionRangeCount; ++i) {
originalSelectionRanges[i] = sel.getRangeAt(i);
}
// Create some test elements
var testEl = dom.createTestElement(document, "", false);
var textNode = testEl.appendChild( document.createTextNode("\u00a0\u00a0\u00a0") );
// Test whether the native selection will allow a collapsed selection within a non-editable element
var r1 = document.createRange();
r1.setStart(textNode, 1);
r1.collapse(true);
sel.removeAllRanges();
sel.addRange(r1);
collapsedNonEditableSelectionsSupported = (sel.rangeCount == 1);
sel.removeAllRanges();
// Test whether the native selection is capable of supporting multiple ranges.
if (!selectionHasMultipleRanges) {
// Doing the original feature test here in Chrome 36 (and presumably later versions) prints a
// console error of "Discontiguous selection is not supported." that cannot be suppressed. There's
// nothing we can do about this while retaining the feature test so we have to resort to a browser
// sniff. I'm not happy about it. See
// https://code.google.com/p/chromium/issues/detail?id=399791
var chromeMatch = window.navigator.appVersion.match(/Chrome\/(.*?) /);
if (chromeMatch && parseInt(chromeMatch[1]) >= 36) {
selectionSupportsMultipleRanges = false;
} else {
var r2 = r1.cloneRange();
r1.setStart(textNode, 0);
r2.setEnd(textNode, 3);
r2.setStart(textNode, 2);
sel.addRange(r1);
sel.addRange(r2);
selectionSupportsMultipleRanges = (sel.rangeCount == 2);
}
}
// Clean up
dom.removeNode(testEl);
sel.removeAllRanges();
for (i = 0; i < originalSelectionRangeCount; ++i) {
if (i == 0 && originalSelectionBackward) {
if (addRangeBackwardToNative) {
addRangeBackwardToNative(sel, originalSelectionRanges[i]);
} else {
api.warn("Rangy initialization: original selection was backwards but selection has been restored forwards because the browser does not support Selection.extend");
sel.addRange(originalSelectionRanges[i]);
}
} else {
sel.addRange(originalSelectionRanges[i]);
}
}
}
})();
}
features.selectionSupportsMultipleRanges = selectionSupportsMultipleRanges;
features.collapsedNonEditableSelectionsSupported = collapsedNonEditableSelectionsSupported;
// ControlRanges
var implementsControlRange = false, testControlRange;
if (body && isHostMethod(body, "createControlRange")) {
testControlRange = body.createControlRange();
if (util.areHostProperties(testControlRange, ["item", "add"])) {
implementsControlRange = true;
}
}
features.implementsControlRange = implementsControlRange;
// Selection collapsedness
if (selectionHasAnchorAndFocus) {
selectionIsCollapsed = function(sel) {
return sel.anchorNode === sel.focusNode && sel.anchorOffset === sel.focusOffset;
};
} else {
selectionIsCollapsed = function(sel) {
return sel.rangeCount ? sel.getRangeAt(sel.rangeCount - 1).collapsed : false;
};
}
function updateAnchorAndFocusFromRange(sel, range, backward) {
var anchorPrefix = backward ? "end" : "start", focusPrefix = backward ? "start" : "end";
sel.anchorNode = range[anchorPrefix + "Container"];
sel.anchorOffset = range[anchorPrefix + "Offset"];
sel.focusNode = range[focusPrefix + "Container"];
sel.focusOffset = range[focusPrefix + "Offset"];
}
function updateAnchorAndFocusFromNativeSelection(sel) {
var nativeSel = sel.nativeSelection;
sel.anchorNode = nativeSel.anchorNode;
sel.anchorOffset = nativeSel.anchorOffset;
sel.focusNode = nativeSel.focusNode;
sel.focusOffset = nativeSel.focusOffset;
}
function updateEmptySelection(sel) {
sel.anchorNode = sel.focusNode = null;
sel.anchorOffset = sel.focusOffset = 0;
sel.rangeCount = 0;
sel.isCollapsed = true;
sel._ranges.length = 0;
}
function getNativeRange(range) {
var nativeRange;
if (range instanceof DomRange) {
nativeRange = api.createNativeRange(range.getDocument());
nativeRange.setEnd(range.endContainer, range.endOffset);
nativeRange.setStart(range.startContainer, range.startOffset);
} else if (range instanceof WrappedRange) {
nativeRange = range.nativeRange;
} else if (features.implementsDomRange && (range instanceof dom.getWindow(range.startContainer).Range)) {
nativeRange = range;
}
return nativeRange;
}
function rangeContainsSingleElement(rangeNodes) {
if (!rangeNodes.length || rangeNodes[0].nodeType != 1) {
return false;
}
for (var i = 1, len = rangeNodes.length; i < len; ++i) {
if (!dom.isAncestorOf(rangeNodes[0], rangeNodes[i])) {
return false;
}
}
return true;
}
function getSingleElementFromRange(range) {
var nodes = range.getNodes();
if (!rangeContainsSingleElement(nodes)) {
throw module.createError("getSingleElementFromRange: range " + range.inspect() + " did not consist of a single element");
}
return nodes[0];
}
// Simple, quick test which only needs to distinguish between a TextRange and a ControlRange
function isTextRange(range) {
return !!range && typeof range.text != "undefined";
}
function updateFromTextRange(sel, range) {
// Create a Range from the selected TextRange
var wrappedRange = new WrappedRange(range);
sel._ranges = [wrappedRange];
updateAnchorAndFocusFromRange(sel, wrappedRange, false);
sel.rangeCount = 1;
sel.isCollapsed = wrappedRange.collapsed;
}
function updateControlSelection(sel) {
// Update the wrapped selection based on what's now in the native selection
sel._ranges.length = 0;
if (sel.docSelection.type == "None") {
updateEmptySelection(sel);
} else {
var controlRange = sel.docSelection.createRange();
if (isTextRange(controlRange)) {
// This case (where the selection type is "Control" and calling createRange() on the selection returns
// a TextRange) can happen in IE 9. It happens, for example, when all elements in the selected
// ControlRange have been removed from the ControlRange and removed from the document.
updateFromTextRange(sel, controlRange);
} else {
sel.rangeCount = controlRange.length;
var range, doc = getDocument(controlRange.item(0));
for (var i = 0; i < sel.rangeCount; ++i) {
range = api.createRange(doc);
range.selectNode(controlRange.item(i));
sel._ranges.push(range);
}
sel.isCollapsed = sel.rangeCount == 1 && sel._ranges[0].collapsed;
updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], false);
}
}
}
function addRangeToControlSelection(sel, range) {
var controlRange = sel.docSelection.createRange();
var rangeElement = getSingleElementFromRange(range);
// Create a new ControlRange containing all the elements in the selected ControlRange plus the element
// contained by the supplied range
var doc = getDocument(controlRange.item(0));
var newControlRange = getBody(doc).createControlRange();
for (var i = 0, len = controlRange.length; i < len; ++i) {
newControlRange.add(controlRange.item(i));
}
try {
newControlRange.add(rangeElement);
} catch (ex) {
throw module.createError("addRange(): Element within the specified Range could not be added to control selection (does it have layout?)");
}
newControlRange.select();
// Update the wrapped selection based on what's now in the native selection
updateControlSelection(sel);
}
var getSelectionRangeAt;
if (isHostMethod(testSelection, "getRangeAt")) {
// try/catch is present because getRangeAt() must have thrown an error in some browser and some situation.
// Unfortunately, I didn't write a comment about the specifics and am now scared to take it out. Let that be a
// lesson to us all, especially me.
getSelectionRangeAt = function(sel, index) {
try {
return sel.getRangeAt(index);
} catch (ex) {
return null;
}
};
} else if (selectionHasAnchorAndFocus) {
getSelectionRangeAt = function(sel) {
var doc = getDocument(sel.anchorNode);
var range = api.createRange(doc);
range.setStartAndEnd(sel.anchorNode, sel.anchorOffset, sel.focusNode, sel.focusOffset);
// Handle the case when the selection was selected backwards (from the end to the start in the
// document)
if (range.collapsed !== this.isCollapsed) {
range.setStartAndEnd(sel.focusNode, sel.focusOffset, sel.anchorNode, sel.anchorOffset);
}
return range;
};
}
function WrappedSelection(selection, docSelection, win) {
this.nativeSelection = selection;
this.docSelection = docSelection;
this._ranges = [];
this.win = win;
this.refresh();
}
WrappedSelection.prototype = api.selectionPrototype;
function deleteProperties(sel) {
sel.win = sel.anchorNode = sel.focusNode = sel._ranges = null;
sel.rangeCount = sel.anchorOffset = sel.focusOffset = 0;
sel.detached = true;
}
var cachedRangySelections = [];
function actOnCachedSelection(win, action) {
var i = cachedRangySelections.length, cached, sel;
while (i--) {
cached = cachedRangySelections[i];
sel = cached.selection;
if (action == "deleteAll") {
deleteProperties(sel);
} else if (cached.win == win) {
if (action == "delete") {
cachedRangySelections.splice(i, 1);
return true;
} else {
return sel;
}
}
}
if (action == "deleteAll") {
cachedRangySelections.length = 0;
}
return null;
}
var getSelection = function(win) {
// Check if the parameter is a Rangy Selection object
if (win && win instanceof WrappedSelection) {
win.refresh();
return win;
}
win = getWindow(win, "getNativeSelection");
var sel = actOnCachedSelection(win);
var nativeSel = getNativeSelection(win), docSel = implementsDocSelection ? getDocSelection(win) : null;
if (sel) {
sel.nativeSelection = nativeSel;
sel.docSelection = docSel;
sel.refresh();
} else {
sel = new WrappedSelection(nativeSel, docSel, win);
cachedRangySelections.push( { win: win, selection: sel } );
}
return sel;
};
api.getSelection = getSelection;
util.createAliasForDeprecatedMethod(api, "getIframeSelection", "getSelection");
var selProto = WrappedSelection.prototype;
function createControlSelection(sel, ranges) {
// Ensure that the selection becomes of type "Control"
var doc = getDocument(ranges[0].startContainer);
var controlRange = getBody(doc).createControlRange();
for (var i = 0, el, len = ranges.length; i < len; ++i) {
el = getSingleElementFromRange(ranges[i]);
try {
controlRange.add(el);
} catch (ex) {
throw module.createError("setRanges(): Element within one of the specified Ranges could not be added to control selection (does it have layout?)");
}
}
controlRange.select();
// Update the wrapped selection based on what's now in the native selection
updateControlSelection(sel);
}
// Selecting a range
if (!useDocumentSelection && selectionHasAnchorAndFocus && util.areHostMethods(testSelection, ["removeAllRanges", "addRange"])) {
selProto.removeAllRanges = function() {
this.nativeSelection.removeAllRanges();
updateEmptySelection(this);
};
var addRangeBackward = function(sel, range) {
addRangeBackwardToNative(sel.nativeSelection, range);
sel.refresh();
};
if (selectionHasRangeCount) {
selProto.addRange = function(range, direction) {
if (implementsControlRange && implementsDocSelection && this.docSelection.type == CONTROL) {
addRangeToControlSelection(this, range);
} else {
if (isDirectionBackward(direction) && selectionHasExtend) {
addRangeBackward(this, range);
} else {
var previousRangeCount;
if (selectionSupportsMultipleRanges) {
previousRangeCount = this.rangeCount;
} else {
this.removeAllRanges();
previousRangeCount = 0;
}
// Clone the native range so that changing the selected range does not affect the selection.
// This is contrary to the spec but is the only way to achieve consistency between browsers. See
// issue 80.
var clonedNativeRange = getNativeRange(range).cloneRange();
try {
this.nativeSelection.addRange(clonedNativeRange);
} catch (ex) {
}
// Check whether adding the range was successful
this.rangeCount = this.nativeSelection.rangeCount;
if (this.rangeCount == previousRangeCount + 1) {
// The range was added successfully
// Check whether the range that we added to the selection is reflected in the last range extracted from
// the selection
if (api.config.checkSelectionRanges) {
var nativeRange = getSelectionRangeAt(this.nativeSelection, this.rangeCount - 1);
if (nativeRange && !rangesEqual(nativeRange, range)) {
// Happens in WebKit with, for example, a selection placed at the start of a text node
range = new WrappedRange(nativeRange);
}
}
this._ranges[this.rangeCount - 1] = range;
updateAnchorAndFocusFromRange(this, range, selectionIsBackward(this.nativeSelection));
this.isCollapsed = selectionIsCollapsed(this);
} else {
// The range was not added successfully. The simplest thing is to refresh
this.refresh();
}
}
}
};
} else {
selProto.addRange = function(range, direction) {
if (isDirectionBackward(direction) && selectionHasExtend) {
addRangeBackward(this, range);
} else {
this.nativeSelection.addRange(getNativeRange(range));
this.refresh();
}
};
}
selProto.setRanges = function(ranges) {
if (implementsControlRange && implementsDocSelection && ranges.length > 1) {
createControlSelection(this, ranges);
} else {
this.removeAllRanges();
for (var i = 0, len = ranges.length; i < len; ++i) {
this.addRange(ranges[i]);
}
}
};
} else if (isHostMethod(testSelection, "empty") && isHostMethod(testRange, "select") &&
implementsControlRange && useDocumentSelection) {
selProto.removeAllRanges = function() {
// Added try/catch as fix for issue #21
try {
this.docSelection.empty();
// Check for empty() not working (issue #24)
if (this.docSelection.type != "None") {
// Work around failure to empty a control selection by instead selecting a TextRange and then
// calling empty()
var doc;
if (this.anchorNode) {
doc = getDocument(this.anchorNode);
} else if (this.docSelection.type == CONTROL) {
var controlRange = this.docSelection.createRange();
if (controlRange.length) {
doc = getDocument( controlRange.item(0) );
}
}
if (doc) {
var textRange = getBody(doc).createTextRange();
textRange.select();
this.docSelection.empty();
}
}
} catch(ex) {}
updateEmptySelection(this);
};
selProto.addRange = function(range) {
if (this.docSelection.type == CONTROL) {
addRangeToControlSelection(this, range);
} else {
api.WrappedTextRange.rangeToTextRange(range).select();
this._ranges[0] = range;
this.rangeCount = 1;
this.isCollapsed = this._ranges[0].collapsed;
updateAnchorAndFocusFromRange(this, range, false);
}
};
selProto.setRanges = function(ranges) {
this.removeAllRanges();
var rangeCount = ranges.length;
if (rangeCount > 1) {
createControlSelection(this, ranges);
} else if (rangeCount) {
this.addRange(ranges[0]);
}
};
} else {
module.fail("No means of selecting a Range or TextRange was found");
return false;
}
selProto.getRangeAt = function(index) {
if (index < 0 || index >= this.rangeCount) {
throw new DOMException("INDEX_SIZE_ERR");
} else {
// Clone the range to preserve selection-range independence. See issue 80.
return this._ranges[index].cloneRange();
}
};
var refreshSelection;
if (useDocumentSelection) {
refreshSelection = function(sel) {
var range;
if (api.isSelectionValid(sel.win)) {
range = sel.docSelection.createRange();
} else {
range = getBody(sel.win.document).createTextRange();
range.collapse(true);
}
if (sel.docSelection.type == CONTROL) {
updateControlSelection(sel);
} else if (isTextRange(range)) {
updateFromTextRange(sel, range);
} else {
updateEmptySelection(sel);
}
};
} else if (isHostMethod(testSelection, "getRangeAt") && typeof testSelection.rangeCount == NUMBER) {
refreshSelection = function(sel) {
if (implementsControlRange && implementsDocSelection && sel.docSelection.type == CONTROL) {
updateControlSelection(sel);
} else {
sel._ranges.length = sel.rangeCount = sel.nativeSelection.rangeCount;
if (sel.rangeCount) {
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
sel._ranges[i] = new api.WrappedRange(sel.nativeSelection.getRangeAt(i));
}
updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], selectionIsBackward(sel.nativeSelection));
sel.isCollapsed = selectionIsCollapsed(sel);
} else {
updateEmptySelection(sel);
}
}
};
} else if (selectionHasAnchorAndFocus && typeof testSelection.isCollapsed == BOOLEAN && typeof testRange.collapsed == BOOLEAN && features.implementsDomRange) {
refreshSelection = function(sel) {
var range, nativeSel = sel.nativeSelection;
if (nativeSel.anchorNode) {
range = getSelectionRangeAt(nativeSel, 0);
sel._ranges = [range];
sel.rangeCount = 1;
updateAnchorAndFocusFromNativeSelection(sel);
sel.isCollapsed = selectionIsCollapsed(sel);
} else {
updateEmptySelection(sel);
}
};
} else {
module.fail("No means of obtaining a Range or TextRange from the user's selection was found");
return false;
}
selProto.refresh = function(checkForChanges) {
var oldRanges = checkForChanges ? this._ranges.slice(0) : null;
var oldAnchorNode = this.anchorNode, oldAnchorOffset = this.anchorOffset;
refreshSelection(this);
if (checkForChanges) {
// Check the range count first
var i = oldRanges.length;
if (i != this._ranges.length) {
return true;
}
// Now check the direction. Checking the anchor position is the same is enough since we're checking all the
// ranges after this
if (this.anchorNode != oldAnchorNode || this.anchorOffset != oldAnchorOffset) {
return true;
}
// Finally, compare each range in turn
while (i--) {
if (!rangesEqual(oldRanges[i], this._ranges[i])) {
return true;
}
}
return false;
}
};
// Removal of a single range
var removeRangeManually = function(sel, range) {
var ranges = sel.getAllRanges();
sel.removeAllRanges();
for (var i = 0, len = ranges.length; i < len; ++i) {
if (!rangesEqual(range, ranges[i])) {
sel.addRange(ranges[i]);
}
}
if (!sel.rangeCount) {
updateEmptySelection(sel);
}
};
if (implementsControlRange && implementsDocSelection) {
selProto.removeRange = function(range) {
if (this.docSelection.type == CONTROL) {
var controlRange = this.docSelection.createRange();
var rangeElement = getSingleElementFromRange(range);
// Create a new ControlRange containing all the elements in the selected ControlRange minus the
// element contained by the supplied range
var doc = getDocument(controlRange.item(0));
var newControlRange = getBody(doc).createControlRange();
var el, removed = false;
for (var i = 0, len = controlRange.length; i < len; ++i) {
el = controlRange.item(i);
if (el !== rangeElement || removed) {
newControlRange.add(controlRange.item(i));
} else {
removed = true;
}
}
newControlRange.select();
// Update the wrapped selection based on what's now in the native selection
updateControlSelection(this);
} else {
removeRangeManually(this, range);
}
};
} else {
selProto.removeRange = function(range) {
removeRangeManually(this, range);
};
}
// Detecting if a selection is backward
var selectionIsBackward;
if (!useDocumentSelection && selectionHasAnchorAndFocus && features.implementsDomRange) {
selectionIsBackward = winSelectionIsBackward;
selProto.isBackward = function() {
return selectionIsBackward(this);
};
} else {
selectionIsBackward = selProto.isBackward = function() {
return false;
};
}
// Create an alias for backwards compatibility. From 1.3, everything is "backward" rather than "backwards"
selProto.isBackwards = selProto.isBackward;
// Selection stringifier
// This is conformant to the old HTML5 selections draft spec but differs from WebKit and Mozilla's implementation.
// The current spec does not yet define this method.
selProto.toString = function() {
var rangeTexts = [];
for (var i = 0, len = this.rangeCount; i < len; ++i) {
rangeTexts[i] = "" + this._ranges[i];
}
return rangeTexts.join("");
};
function assertNodeInSameDocument(sel, node) {
if (sel.win.document != getDocument(node)) {
throw new DOMException("WRONG_DOCUMENT_ERR");
}
}
// No current browser conforms fully to the spec for this method, so Rangy's own method is always used
selProto.collapse = function(node, offset) {
assertNodeInSameDocument(this, node);
var range = api.createRange(node);
range.collapseToPoint(node, offset);
this.setSingleRange(range);
this.isCollapsed = true;
};
selProto.collapseToStart = function() {
if (this.rangeCount) {
var range = this._ranges[0];
this.collapse(range.startContainer, range.startOffset);
} else {
throw new DOMException("INVALID_STATE_ERR");
}
};
selProto.collapseToEnd = function() {
if (this.rangeCount) {
var range = this._ranges[this.rangeCount - 1];
this.collapse(range.endContainer, range.endOffset);
} else {
throw new DOMException("INVALID_STATE_ERR");
}
};
// The spec is very specific on how selectAllChildren should be implemented and not all browsers implement it as
// specified so the native implementation is never used by Rangy.
selProto.selectAllChildren = function(node) {
assertNodeInSameDocument(this, node);
var range = api.createRange(node);
range.selectNodeContents(node);
this.setSingleRange(range);
};
selProto.deleteFromDocument = function() {
// Sepcial behaviour required for IE's control selections
if (implementsControlRange && implementsDocSelection && this.docSelection.type == CONTROL) {
var controlRange = this.docSelection.createRange();
var element;
while (controlRange.length) {
element = controlRange.item(0);
controlRange.remove(element);
dom.removeNode(element);
}
this.refresh();
} else if (this.rangeCount) {
var ranges = this.getAllRanges();
if (ranges.length) {
this.removeAllRanges();
for (var i = 0, len = ranges.length; i < len; ++i) {
ranges[i].deleteContents();
}
// The spec says nothing about what the selection should contain after calling deleteContents on each
// range. Firefox moves the selection to where the final selected range was, so we emulate that
this.addRange(ranges[len - 1]);
}
}
};
// The following are non-standard extensions
selProto.eachRange = function(func, returnValue) {
for (var i = 0, len = this._ranges.length; i < len; ++i) {
if ( func( this.getRangeAt(i) ) ) {
return returnValue;
}
}
};
selProto.getAllRanges = function() {
var ranges = [];
this.eachRange(function(range) {
ranges.push(range);
});
return ranges;
};
selProto.setSingleRange = function(range, direction) {
this.removeAllRanges();
this.addRange(range, direction);
};
selProto.callMethodOnEachRange = function(methodName, params) {
var results = [];
this.eachRange( function(range) {
results.push( range[methodName].apply(range, params || []) );
} );
return results;
};
function createStartOrEndSetter(isStart) {
return function(node, offset) {
var range;
if (this.rangeCount) {
range = this.getRangeAt(0);
range["set" + (isStart ? "Start" : "End")](node, offset);
} else {
range = api.createRange(this.win.document);
range.setStartAndEnd(node, offset);
}
this.setSingleRange(range, this.isBackward());
};
}
selProto.setStart = createStartOrEndSetter(true);
selProto.setEnd = createStartOrEndSetter(false);
// Add select() method to Range prototype. Any existing selection will be removed.
api.rangePrototype.select = function(direction) {
getSelection( this.getDocument() ).setSingleRange(this, direction);
};
selProto.changeEachRange = function(func) {
var ranges = [];
var backward = this.isBackward();
this.eachRange(function(range) {
func(range);
ranges.push(range);
});
this.removeAllRanges();
if (backward && ranges.length == 1) {
this.addRange(ranges[0], "backward");
} else {
this.setRanges(ranges);
}
};
selProto.containsNode = function(node, allowPartial) {
return this.eachRange( function(range) {
return range.containsNode(node, allowPartial);
}, true ) || false;
};
selProto.getBookmark = function(containerNode) {
return {
backward: this.isBackward(),
rangeBookmarks: this.callMethodOnEachRange("getBookmark", [containerNode])
};
};
selProto.moveToBookmark = function(bookmark) {
var selRanges = [];
for (var i = 0, rangeBookmark, range; rangeBookmark = bookmark.rangeBookmarks[i++]; ) {
range = api.createRange(this.win);
range.moveToBookmark(rangeBookmark);
selRanges.push(range);
}
if (bookmark.backward) {
this.setSingleRange(selRanges[0], "backward");
} else {
this.setRanges(selRanges);
}
};
selProto.saveRanges = function() {
return {
backward: this.isBackward(),
ranges: this.callMethodOnEachRange("cloneRange")
};
};
selProto.restoreRanges = function(selRanges) {
this.removeAllRanges();
for (var i = 0, range; range = selRanges.ranges[i]; ++i) {
this.addRange(range, (selRanges.backward && i == 0));
}
};
selProto.toHtml = function() {
var rangeHtmls = [];
this.eachRange(function(range) {
rangeHtmls.push( DomRange.toHtml(range) );
});
return rangeHtmls.join("");
};
if (features.implementsTextRange) {
selProto.getNativeTextRange = function() {
var sel, textRange;
if ( (sel = this.docSelection) ) {
var range = sel.createRange();
if (isTextRange(range)) {
return range;
} else {
throw module.createError("getNativeTextRange: selection is a control selection");
}
} else if (this.rangeCount > 0) {
return api.WrappedTextRange.rangeToTextRange( this.getRangeAt(0) );
} else {
throw module.createError("getNativeTextRange: selection contains no range");
}
};
}
function inspect(sel) {
var rangeInspects = [];
var anchor = new DomPosition(sel.anchorNode, sel.anchorOffset);
var focus = new DomPosition(sel.focusNode, sel.focusOffset);
var name = (typeof sel.getName == "function") ? sel.getName() : "Selection";
if (typeof sel.rangeCount != "undefined") {
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
rangeInspects[i] = DomRange.inspect(sel.getRangeAt(i));
}
}
return "[" + name + "(Ranges: " + rangeInspects.join(", ") +
")(anchor: " + anchor.inspect() + ", focus: " + focus.inspect() + "]";
}
selProto.getName = function() {
return "WrappedSelection";
};
selProto.inspect = function() {
return inspect(this);
};
selProto.detach = function() {
actOnCachedSelection(this.win, "delete");
deleteProperties(this);
};
WrappedSelection.detachAll = function() {
actOnCachedSelection(null, "deleteAll");
};
WrappedSelection.inspect = inspect;
WrappedSelection.isDirectionBackward = isDirectionBackward;
api.Selection = WrappedSelection;
api.selectionPrototype = selProto;
api.addShimListener(function(win) {
if (typeof win.getSelection == "undefined") {
win.getSelection = function() {
return getSelection(win);
};
}
win = null;
});
});
/*----------------------------------------------------------------------------------------------------------------*/
// Wait for document to load before initializing
var docReady = false;
var loadHandler = function(e) {
if (!docReady) {
docReady = true;
if (!api.initialized && api.config.autoInitialize) {
init();
}
}
};
if (isBrowser) {
// Test whether the document has already been loaded and initialize immediately if so
if (document.readyState == "complete") {
loadHandler();
} else {
if (isHostMethod(document, "addEventListener")) {
document.addEventListener("DOMContentLoaded", loadHandler, false);
}
// Add a fallback in case the DOMContentLoaded event isn't supported
addListener(window, "load", loadHandler);
}
}
return api;
}, this);
;/**
* Text range module for Rangy.
* Text-based manipulation and searching of ranges and selections.
*
* Features
*
* - Ability to move range boundaries by character or word offsets
* - Customizable word tokenizer
* - Ignores text nodes inside
*/
(function(wysihtml5) {
var /**
* Don't auto-link urls that are contained in the following elements:
*/
IGNORE_URLS_IN = wysihtml5.lang.array(["CODE", "PRE", "A", "SCRIPT", "HEAD", "TITLE", "STYLE"]),
/**
* revision 1:
* /(\S+\.{1}[^\s\,\.\!]+)/g
*
* revision 2:
* /(\b(((https?|ftp):\/\/)|(www\.))[-A-Z0-9+&@#\/%?=~_|!:,.;\[\]]*[-A-Z0-9+&@#\/%=~_|])/gim
*
* put this in the beginning if you don't wan't to match within a word
* (^|[\>\(\{\[\s\>])
*/
URL_REG_EXP = /((https?:\/\/|www\.)[^\s<]{3,})/gi,
TRAILING_CHAR_REG_EXP = /([^\w\/\-](,?))$/i,
MAX_DISPLAY_LENGTH = 100,
BRACKETS = { ")": "(", "]": "[", "}": "{" };
function autoLink(element, ignoreInClasses) {
if (_hasParentThatShouldBeIgnored(element, ignoreInClasses)) {
return element;
}
if (element === element.ownerDocument.documentElement) {
element = element.ownerDocument.body;
}
return _parseNode(element, ignoreInClasses);
}
/**
* This is basically a rebuild of
* the rails auto_link_urls text helper
*/
function _convertUrlsToLinks(str) {
return str.replace(URL_REG_EXP, function(match, url) {
var punctuation = (url.match(TRAILING_CHAR_REG_EXP) || [])[1] || "",
opening = BRACKETS[punctuation];
url = url.replace(TRAILING_CHAR_REG_EXP, "");
if (url.split(opening).length > url.split(punctuation).length) {
url = url + punctuation;
punctuation = "";
}
var realUrl = url,
displayUrl = url;
if (url.length > MAX_DISPLAY_LENGTH) {
displayUrl = displayUrl.substr(0, MAX_DISPLAY_LENGTH) + "...";
}
// Add http prefix if necessary
if (realUrl.substr(0, 4) === "www.") {
realUrl = "http://" + realUrl;
}
return '' + displayUrl + '' + punctuation;
});
}
/**
* Creates or (if already cached) returns a temp element
* for the given document object
*/
function _getTempElement(context) {
var tempElement = context._wysihtml5_tempElement;
if (!tempElement) {
tempElement = context._wysihtml5_tempElement = context.createElement("div");
}
return tempElement;
}
/**
* Replaces the original text nodes with the newly auto-linked dom tree
*/
function _wrapMatchesInNode(textNode) {
var parentNode = textNode.parentNode,
nodeValue = wysihtml5.lang.string(textNode.data).escapeHTML(),
tempElement = _getTempElement(parentNode.ownerDocument);
// We need to insert an empty/temporary to fix IE quirks
// Elsewise IE would strip white space in the beginning
tempElement.innerHTML = "" + _convertUrlsToLinks(nodeValue);
tempElement.removeChild(tempElement.firstChild);
while (tempElement.firstChild) {
// inserts tempElement.firstChild before textNode
parentNode.insertBefore(tempElement.firstChild, textNode);
}
parentNode.removeChild(textNode);
}
function _hasParentThatShouldBeIgnored(node, ignoreInClasses) {
var nodeName;
while (node.parentNode) {
node = node.parentNode;
nodeName = node.nodeName;
if (node.className && wysihtml5.lang.array(node.className.split(' ')).contains(ignoreInClasses)) {
return true;
}
if (IGNORE_URLS_IN.contains(nodeName)) {
return true;
} else if (nodeName === "body") {
return false;
}
}
return false;
}
function _parseNode(element, ignoreInClasses) {
if (IGNORE_URLS_IN.contains(element.nodeName)) {
return;
}
if (element.className && wysihtml5.lang.array(element.className.split(' ')).contains(ignoreInClasses)) {
return;
}
if (element.nodeType === wysihtml5.TEXT_NODE && element.data.match(URL_REG_EXP)) {
_wrapMatchesInNode(element);
return;
}
var childNodes = wysihtml5.lang.array(element.childNodes).get(),
childNodesLength = childNodes.length,
i = 0;
for (; i 0 && (elementClassName == className || new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName)));
};
})(wysihtml5);
;wysihtml5.dom.contains = (function() {
var documentElement = document.documentElement;
if (documentElement.contains) {
return function(container, element) {
if (element.nodeType !== wysihtml5.ELEMENT_NODE) {
if (element.parentNode === container) {
return true;
}
element = element.parentNode;
}
return container !== element && container.contains(element);
};
} else if (documentElement.compareDocumentPosition) {
return function(container, element) {
// https://developer.mozilla.org/en/DOM/Node.compareDocumentPosition
return !!(container.compareDocumentPosition(element) & 16);
};
}
})();
;/**
* Converts an HTML fragment/element into a unordered/ordered list
*
* @param {Element} element The element which should be turned into a list
* @param {String} listType The list type in which to convert the tree (either "ul" or "ol")
* @return {Element} The created list
*
* @example
*
*
* eminem
* dr. dre
* 50 Cent
*
*
*
*
*
*
* - eminem
* - dr. dre
* - 50 Cent
*
*/
wysihtml5.dom.convertToList = (function() {
function _createListItem(doc, list) {
var listItem = doc.createElement("li");
list.appendChild(listItem);
return listItem;
}
function _createList(doc, type) {
return doc.createElement(type);
}
function convertToList(element, listType, uneditableClass) {
if (element.nodeName === "UL" || element.nodeName === "OL" || element.nodeName === "MENU") {
// Already a list
return element;
}
var doc = element.ownerDocument,
list = _createList(doc, listType),
lineBreaks = element.querySelectorAll("br"),
lineBreaksLength = lineBreaks.length,
childNodes,
childNodesLength,
childNode,
lineBreak,
parentNode,
isBlockElement,
isLineBreak,
currentListItem,
i;
// First find
at the end of inline elements and move them behind them
for (i=0; i if empty, otherwise create a new one
currentListItem = currentListItem.firstChild ? _createListItem(doc, list) : currentListItem;
currentListItem.appendChild(childNode);
currentListItem = null;
continue;
}
if (isLineBreak) {
// Only create a new list item in the next iteration when the current one has already content
currentListItem = currentListItem.firstChild ? null : currentListItem;
continue;
}
currentListItem.appendChild(childNode);
}
if (childNodes.length === 0) {
_createListItem(doc, list);
}
element.parentNode.replaceChild(list, element);
return list;
}
return convertToList;
})();
;/**
* Copy a set of attributes from one element to another
*
* @param {Array} attributesToCopy List of attributes which should be copied
* @return {Object} Returns an object which offers the "from" method which can be invoked with the element where to
* copy the attributes from., this again returns an object which provides a method named "to" which can be invoked
* with the element where to copy the attributes to (see example)
*
* @example
* var textarea = document.querySelector("textarea"),
* div = document.querySelector("div[contenteditable=true]"),
* anotherDiv = document.querySelector("div.preview");
* wysihtml5.dom.copyAttributes(["spellcheck", "value", "placeholder"]).from(textarea).to(div).andTo(anotherDiv);
*
*/
wysihtml5.dom.copyAttributes = function(attributesToCopy) {
return {
from: function(elementToCopyFrom) {
return {
to: function(elementToCopyTo) {
var attribute,
i = 0,
length = attributesToCopy.length;
for (; i 0) {
var hasOneStyle = false,
styles = (Array.isArray(properties.styleProperty)) ? properties.styleProperty : [properties.styleProperty];
for (var j = 0, maxStyleP = styles.length; j < maxStyleP; j++) {
// Some old IE-s have different property name for cssFloat
prop = wysihtml5.browser.fixStyleKey(styles[j]);
if (node.style[prop]) {
if (properties.styleValue) {
// Style value as additional parameter
if (properties.styleValue instanceof RegExp) {
// style value as Regexp
if (node.style[prop].trim().match(properties.styleValue).length > 0) {
hasOneStyle = true;
break;
}
} else if (Array.isArray(properties.styleValue)) {
// style value as array
if (properties.styleValue.indexOf(node.style[prop].trim())) {
hasOneStyle = true;
break;
}
} else {
// style value as string
if (properties.styleValue === node.style[prop].trim().replace(/, /g, ",")) {
hasOneStyle = true;
break;
}
}
} else {
hasOneStyle = true;
break;
}
}
if (!hasOneStyle) {
return false;
}
}
}
if (properties.attribute) {
var attr = wysihtml5.dom.getAttributes(node),
attrList = [],
hasOneAttribute = false;
if (Array.isArray(properties.attribute)) {
attrList = properties.attribute;
} else {
attrList[properties.attribute] = properties.attributeValue;
}
for (var a in attrList) {
if (attrList.hasOwnProperty(a)) {
if (typeof attrList[a] === "undefined") {
if (typeof attr[a] !== "undefined") {
hasOneAttribute = true;
break;
}
} else if (attr[a] === attrList[a]) {
hasOneAttribute = true;
break;
}
}
}
if (!hasOneAttribute) {
return false;
}
}
return true;
}
};
};
})(wysihtml5);
;/**
* Returns the given html wrapped in a div element
*
* Fixing IE's inability to treat unknown elements (HTML5 section, article, ...) correctly
* when inserted via innerHTML
*
* @param {String} html The html which should be wrapped in a dom element
* @param {Obejct} [context] Document object of the context the html belongs to
*
* @example
* wysihtml5.dom.getAsDom("foo ");
*/
wysihtml5.dom.getAsDom = (function() {
var _innerHTMLShiv = function(html, context) {
var tempElement = context.createElement("div");
tempElement.style.display = "none";
context.body.appendChild(tempElement);
// IE throws an exception when trying to insert via innerHTML
try { tempElement.innerHTML = html; } catch(e) {}
context.body.removeChild(tempElement);
return tempElement;
};
/**
* Make sure IE supports HTML5 tags, which is accomplished by simply creating one instance of each element
*/
var _ensureHTML5Compatibility = function(context) {
if (context._wysihtml5_supportsHTML5Tags) {
return;
}
for (var i=0, length=HTML5_ELEMENTS.length; i "block"
*/
wysihtml5.dom.getStyle = (function() {
var stylePropertyMapping = {
"float": ("styleFloat" in document.createElement("div").style) ? "styleFloat" : "cssFloat"
},
REG_EXP_CAMELIZE = /\-[a-z]/g;
function camelize(str) {
return str.replace(REG_EXP_CAMELIZE, function(match) {
return match.charAt(1).toUpperCase();
});
}
return function(property) {
return {
from: function(element) {
if (element.nodeType !== wysihtml5.ELEMENT_NODE) {
return;
}
var doc = element.ownerDocument,
camelizedProperty = stylePropertyMapping[property] || camelize(property),
style = element.style,
currentStyle = element.currentStyle,
styleValue = style[camelizedProperty];
if (styleValue) {
return styleValue;
}
// currentStyle is no standard and only supported by Opera and IE but it has one important advantage over the standard-compliant
// window.getComputedStyle, since it returns css property values in their original unit:
// If you set an elements width to "50%", window.getComputedStyle will give you it's current width in px while currentStyle
// gives you the original "50%".
// Opera supports both, currentStyle and window.getComputedStyle, that's why checking for currentStyle should have higher prio
if (currentStyle) {
try {
return currentStyle[camelizedProperty];
} catch(e) {
//ie will occasionally fail for unknown reasons. swallowing exception
}
}
var win = doc.defaultView || doc.parentWindow,
needsOverflowReset = (property === "height" || property === "width") && element.nodeName === "TEXTAREA",
originalOverflow,
returnValue;
if (win.getComputedStyle) {
// Chrome and Safari both calculate a wrong width and height for textareas when they have scroll bars
// therfore we remove and restore the scrollbar and calculate the value in between
if (needsOverflowReset) {
originalOverflow = style.overflow;
style.overflow = "hidden";
}
returnValue = win.getComputedStyle(element, null).getPropertyValue(property);
if (needsOverflowReset) {
style.overflow = originalOverflow || "";
}
return returnValue;
}
}
};
};
})();
;wysihtml5.dom.getTextNodes = function(node, ingoreEmpty){
var all = [];
for (node=node.firstChild;node;node=node.nextSibling){
if (node.nodeType == 3) {
if (!ingoreEmpty || !(/^\s*$/).test(node.innerText || node.textContent)) {
all.push(node);
}
} else {
all = all.concat(wysihtml5.dom.getTextNodes(node, ingoreEmpty));
}
}
return all;
};
;/**
* High performant way to check whether an element with a specific tag name is in the given document
* Optimized for being heavily executed
* Unleashes the power of live node lists
*
* @param {Object} doc The document object of the context where to check
* @param {String} tagName Upper cased tag name
* @example
* wysihtml5.dom.hasElementWithTagName(document, "IMG");
*/
wysihtml5.dom.hasElementWithTagName = (function() {
var LIVE_CACHE = {},
DOCUMENT_IDENTIFIER = 1;
function _getDocumentIdentifier(doc) {
return doc._wysihtml5_identifier || (doc._wysihtml5_identifier = DOCUMENT_IDENTIFIER++);
}
return function(doc, tagName) {
var key = _getDocumentIdentifier(doc) + ":" + tagName,
cacheEntry = LIVE_CACHE[key];
if (!cacheEntry) {
cacheEntry = LIVE_CACHE[key] = doc.getElementsByTagName(tagName);
}
return cacheEntry.length > 0;
};
})();
;/**
* High performant way to check whether an element with a specific class name is in the given document
* Optimized for being heavily executed
* Unleashes the power of live node lists
*
* @param {Object} doc The document object of the context where to check
* @param {String} tagName Upper cased tag name
* @example
* wysihtml5.dom.hasElementWithClassName(document, "foobar");
*/
(function(wysihtml5) {
var LIVE_CACHE = {},
DOCUMENT_IDENTIFIER = 1;
function _getDocumentIdentifier(doc) {
return doc._wysihtml5_identifier || (doc._wysihtml5_identifier = DOCUMENT_IDENTIFIER++);
}
wysihtml5.dom.hasElementWithClassName = function(doc, className) {
// getElementsByClassName is not supported by IE<9
// but is sometimes mocked via library code (which then doesn't return live node lists)
if (!wysihtml5.browser.supportsNativeGetElementsByClassName()) {
return !!doc.querySelector("." + className);
}
var key = _getDocumentIdentifier(doc) + ":" + className,
cacheEntry = LIVE_CACHE[key];
if (!cacheEntry) {
cacheEntry = LIVE_CACHE[key] = doc.getElementsByClassName(className);
}
return cacheEntry.length > 0;
};
})(wysihtml5);
;wysihtml5.dom.insert = function(elementToInsert) {
return {
after: function(element) {
element.parentNode.insertBefore(elementToInsert, element.nextSibling);
},
before: function(element) {
element.parentNode.insertBefore(elementToInsert, element);
},
into: function(element) {
element.appendChild(elementToInsert);
}
};
};
;wysihtml5.dom.insertCSS = function(rules) {
rules = rules.join("\n");
return {
into: function(doc) {
var styleElement = doc.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = rules;
} else {
styleElement.appendChild(doc.createTextNode(rules));
}
var link = doc.querySelector("head link");
if (link) {
link.parentNode.insertBefore(styleElement, link);
return;
} else {
var head = doc.querySelector("head");
if (head) {
head.appendChild(styleElement);
}
}
}
};
};
;// TODO: Refactor dom tree traversing here
(function(wysihtml5) {
wysihtml5.dom.lineBreaks = function(node) {
function _isLineBreak(n) {
return n.nodeName === "BR";
}
/**
* Checks whether the elment causes a visual line break
* (
or block elements)
*/
function _isLineBreakOrBlockElement(element) {
if (_isLineBreak(element)) {
return true;
}
if (wysihtml5.dom.getStyle("display").from(element) === "block") {
return true;
}
return false;
}
return {
/* wysihtml5.dom.lineBreaks(element).add();
*
* Adds line breaks before and after the given node if the previous and next siblings
* aren't already causing a visual line break (block element or
)
*/
add: function(options) {
var doc = node.ownerDocument,
nextSibling = wysihtml5.dom.domNode(node).next({ignoreBlankTexts: true}),
previousSibling = wysihtml5.dom.domNode(node).prev({ignoreBlankTexts: true});
if (nextSibling && !_isLineBreakOrBlockElement(nextSibling)) {
wysihtml5.dom.insert(doc.createElement("br")).after(node);
}
if (previousSibling && !_isLineBreakOrBlockElement(previousSibling)) {
wysihtml5.dom.insert(doc.createElement("br")).before(node);
}
},
/* wysihtml5.dom.lineBreaks(element).remove();
*
* Removes line breaks before and after the given node
*/
remove: function(options) {
var nextSibling = wysihtml5.dom.domNode(node).next({ignoreBlankTexts: true}),
previousSibling = wysihtml5.dom.domNode(node).prev({ignoreBlankTexts: true});
if (nextSibling && _isLineBreak(nextSibling)) {
nextSibling.parentNode.removeChild(nextSibling);
}
if (previousSibling && _isLineBreak(previousSibling)) {
previousSibling.parentNode.removeChild(previousSibling);
}
}
};
};
})(wysihtml5);;/**
* Method to set dom events
*
* @example
* wysihtml5.dom.observe(iframe.contentWindow.document.body, ["focus", "blur"], function() { ... });
*/
wysihtml5.dom.observe = function(element, eventNames, handler) {
eventNames = typeof(eventNames) === "string" ? [eventNames] : eventNames;
var handlerWrapper,
eventName,
i = 0,
length = eventNames.length;
for (; i foo bar
*
* var userHTML = 'I'm a table!
';
* wysihtml5.dom.parse(userHTML);
* // => 'I'm a table!'
*
* var userHTML = 'foobar
foobar';
* wysihtml5.dom.parse(userHTML, {
* tags: {
* div: undefined,
* br: true
* }
* });
* // => ''
*
* var userHTML = 'foobar';
* wysihtml5.dom.parse(userHTML, {
* classes: {
* red: 1,
* green: 1
* },
* tags: {
* div: {
* rename_tag: "p"
* }
* }
* });
* // => 'foo
bar
'
*/
wysihtml5.dom.parse = function(elementOrHtml_current, config_current) {
/* TODO: Currently escaped module pattern as otherwise folloowing default swill be shared among multiple editors.
* Refactor whole code as this method while workind is kind of awkward too */
/**
* It's not possible to use a XMLParser/DOMParser as HTML5 is not always well-formed XML
* new DOMParser().parseFromString('
') will cause a parseError since the
* node isn't closed
*
* Therefore we've to use the browser's ordinary HTML parser invoked by setting innerHTML.
*/
var NODE_TYPE_MAPPING = {
"1": _handleElement,
"3": _handleText,
"8": _handleComment
},
// Rename unknown tags to this
DEFAULT_NODE_NAME = "span",
WHITE_SPACE_REG_EXP = /\s+/,
defaultRules = { tags: {}, classes: {} },
currentRules = {},
blockElements = ["ADDRESS" ,"BLOCKQUOTE" ,"CENTER" ,"DIR" ,"DIV" ,"DL" ,"FIELDSET" ,
"FORM", "H1" ,"H2" ,"H3" ,"H4" ,"H5" ,"H6" ,"ISINDEX" ,"MENU",
"NOFRAMES", "NOSCRIPT" ,"OL" ,"P" ,"PRE","TABLE", "UL"];
/**
* Iterates over all childs of the element, recreates them, appends them into a document fragment
* which later replaces the entire body content
*/
function parse(elementOrHtml, config) {
wysihtml5.lang.object(currentRules).merge(defaultRules).merge(config.rules).get();
var context = config.context || elementOrHtml.ownerDocument || document,
fragment = context.createDocumentFragment(),
isString = typeof(elementOrHtml) === "string",
clearInternals = false,
element,
newNode,
firstChild;
if (config.clearInternals === true) {
clearInternals = true;
}
if (isString) {
element = wysihtml5.dom.getAsDom(elementOrHtml, context);
} else {
element = elementOrHtml;
}
if (currentRules.selectors) {
_applySelectorRules(element, currentRules.selectors);
}
while (element.firstChild) {
firstChild = element.firstChild;
newNode = _convert(firstChild, config.cleanUp, clearInternals, config.uneditableClass);
if (newNode) {
fragment.appendChild(newNode);
}
if (firstChild !== newNode) {
element.removeChild(firstChild);
}
}
if (config.unjoinNbsps) {
// replace joined non-breakable spaces with unjoined
var txtnodes = wysihtml5.dom.getTextNodes(fragment);
for (var n = txtnodes.length; n--;) {
txtnodes[n].nodeValue = txtnodes[n].nodeValue.replace(/([\S\u00A0])\u00A0/gi, "$1 ");
}
}
// Clear element contents
element.innerHTML = "";
// Insert new DOM tree
element.appendChild(fragment);
return isString ? wysihtml5.quirks.getCorrectInnerHTML(element) : element;
}
function _convert(oldNode, cleanUp, clearInternals, uneditableClass) {
var oldNodeType = oldNode.nodeType,
oldChilds = oldNode.childNodes,
oldChildsLength = oldChilds.length,
method = NODE_TYPE_MAPPING[oldNodeType],
i = 0,
fragment,
newNode,
newChild,
nodeDisplay;
// Passes directly elemets with uneditable class
if (uneditableClass && oldNodeType === 1 && wysihtml5.dom.hasClass(oldNode, uneditableClass)) {
return oldNode;
}
newNode = method && method(oldNode, clearInternals);
// Remove or unwrap node in case of return value null or false
if (!newNode) {
if (newNode === false) {
// false defines that tag should be removed but contents should remain (unwrap)
fragment = oldNode.ownerDocument.createDocumentFragment();
for (i = oldChildsLength; i--;) {
if (oldChilds[i]) {
newChild = _convert(oldChilds[i], cleanUp, clearInternals, uneditableClass);
if (newChild) {
if (oldChilds[i] === newChild) {
i--;
}
fragment.insertBefore(newChild, fragment.firstChild);
}
}
}
nodeDisplay = wysihtml5.dom.getStyle("display").from(oldNode);
if (nodeDisplay === '') {
// Handle display style when element not in dom
nodeDisplay = wysihtml5.lang.array(blockElements).contains(oldNode.tagName) ? "block" : "";
}
if (wysihtml5.lang.array(["block", "flex", "table"]).contains(nodeDisplay)) {
fragment.appendChild(oldNode.ownerDocument.createElement("br"));
}
// TODO: try to minimize surplus spaces
if (wysihtml5.lang.array([
"div", "pre", "p",
"table", "td", "th",
"ul", "ol", "li",
"dd", "dl",
"footer", "header", "section",
"h1", "h2", "h3", "h4", "h5", "h6"
]).contains(oldNode.nodeName.toLowerCase()) && oldNode.parentNode.lastChild !== oldNode) {
// add space at first when unwraping non-textflow elements
if (!oldNode.nextSibling || oldNode.nextSibling.nodeType !== 3 || !(/^\s/).test(oldNode.nextSibling.nodeValue)) {
fragment.appendChild(oldNode.ownerDocument.createTextNode(" "));
}
}
if (fragment.normalize) {
fragment.normalize();
}
return fragment;
} else {
// Remove
return null;
}
}
// Converts all childnodes
for (i=0; i elements
if (cleanUp &&
newNode.nodeName.toLowerCase() === DEFAULT_NODE_NAME &&
(!newNode.childNodes.length ||
((/^\s*$/gi).test(newNode.innerHTML) && (clearInternals || (oldNode.className !== "_wysihtml5-temp-placeholder" && oldNode.className !== "rangySelectionBoundary"))) ||
!newNode.attributes.length)
) {
fragment = newNode.ownerDocument.createDocumentFragment();
while (newNode.firstChild) {
fragment.appendChild(newNode.firstChild);
}
if (fragment.normalize) {
fragment.normalize();
}
return fragment;
}
if (newNode.normalize) {
newNode.normalize();
}
return newNode;
}
function _applySelectorRules (element, selectorRules) {
var sel, method, els;
for (sel in selectorRules) {
if (selectorRules.hasOwnProperty(sel)) {
if (wysihtml5.lang.object(selectorRules[sel]).isFunction()) {
method = selectorRules[sel];
} else if (typeof(selectorRules[sel]) === "string" && elementHandlingMethods[selectorRules[sel]]) {
method = elementHandlingMethods[selectorRules[sel]];
}
els = element.querySelectorAll(sel);
for (var i = els.length; i--;) {
method(els[i]);
}
}
}
}
function _handleElement(oldNode, clearInternals) {
var rule,
newNode,
tagRules = currentRules.tags,
nodeName = oldNode.nodeName.toLowerCase(),
scopeName = oldNode.scopeName,
renameTag;
/**
* We already parsed that element
* ignore it! (yes, this sometimes happens in IE8 when the html is invalid)
*/
if (oldNode._wysihtml5) {
return null;
}
oldNode._wysihtml5 = 1;
if (oldNode.className === "wysihtml5-temp") {
return null;
}
/**
* IE is the only browser who doesn't include the namespace in the
* nodeName, that's why we have to prepend it by ourselves
* scopeName is a proprietary IE feature
* read more here http://msdn.microsoft.com/en-us/library/ms534388(v=vs.85).aspx
*/
if (scopeName && scopeName != "HTML") {
nodeName = scopeName + ":" + nodeName;
}
/**
* Repair node
* IE is a bit bitchy when it comes to invalid nested markup which includes unclosed tags
* A doesn't need to be closed according HTML4-5 spec, we simply replace it with a
to preserve its content and layout
*/
if ("outerHTML" in oldNode) {
if (!wysihtml5.browser.autoClosesUnclosedTags() &&
oldNode.nodeName === "P" &&
oldNode.outerHTML.slice(-4).toLowerCase() !== "") {
nodeName = "div";
}
}
if (nodeName in tagRules) {
rule = tagRules[nodeName];
if (!rule || rule.remove) {
return null;
} else if (rule.unwrap) {
return false;
}
rule = typeof(rule) === "string" ? { rename_tag: rule } : rule;
} else if (oldNode.firstChild) {
rule = { rename_tag: DEFAULT_NODE_NAME };
} else {
// Remove empty unknown elements
return null;
}
// tests if type condition is met or node should be removed/unwrapped/renamed
if (rule.one_of_type && !_testTypes(oldNode, currentRules, rule.one_of_type, clearInternals)) {
if (rule.remove_action) {
if (rule.remove_action === "unwrap") {
return false;
} else if (rule.remove_action === "rename") {
renameTag = rule.remove_action_rename_to || DEFAULT_NODE_NAME;
} else {
return null;
}
} else {
return null;
}
}
newNode = oldNode.ownerDocument.createElement(renameTag || rule.rename_tag || nodeName);
_handleAttributes(oldNode, newNode, rule, clearInternals);
_handleStyles(oldNode, newNode, rule);
oldNode = null;
if (newNode.normalize) { newNode.normalize(); }
return newNode;
}
function _testTypes(oldNode, rules, types, clearInternals) {
var definition, type;
// do not interfere with placeholder span or pasting caret position is not maintained
if (oldNode.nodeName === "SPAN" && !clearInternals && (oldNode.className === "_wysihtml5-temp-placeholder" || oldNode.className === "rangySelectionBoundary")) {
return true;
}
for (type in types) {
if (types.hasOwnProperty(type) && rules.type_definitions && rules.type_definitions[type]) {
definition = rules.type_definitions[type];
if (_testType(oldNode, definition)) {
return true;
}
}
}
return false;
}
function array_contains(a, obj) {
var i = a.length;
while (i--) {
if (a[i] === obj) {
return true;
}
}
return false;
}
function _testType(oldNode, definition) {
var nodeClasses = oldNode.getAttribute("class"),
nodeStyles = oldNode.getAttribute("style"),
classesLength, s, s_corrected, a, attr, currentClass, styleProp;
// test for methods
if (definition.methods) {
for (var m in definition.methods) {
if (definition.methods.hasOwnProperty(m) && typeCeckMethods[m]) {
if (typeCeckMethods[m](oldNode)) {
return true;
}
}
}
}
// test for classes, if one found return true
if (nodeClasses && definition.classes) {
nodeClasses = nodeClasses.replace(/^\s+/g, '').replace(/\s+$/g, '').split(WHITE_SPACE_REG_EXP);
classesLength = nodeClasses.length;
for (var i = 0; i < classesLength; i++) {
if (definition.classes[nodeClasses[i]]) {
return true;
}
}
}
// test for styles, if one found return true
if (nodeStyles && definition.styles) {
nodeStyles = nodeStyles.split(';');
for (s in definition.styles) {
if (definition.styles.hasOwnProperty(s)) {
for (var sp = nodeStyles.length; sp--;) {
styleProp = nodeStyles[sp].split(':');
if (styleProp[0].replace(/\s/g, '').toLowerCase() === s) {
if (definition.styles[s] === true || definition.styles[s] === 1 || wysihtml5.lang.array(definition.styles[s]).contains(styleProp[1].replace(/\s/g, '').toLowerCase()) ) {
return true;
}
}
}
}
}
}
// test for attributes in general against regex match
if (definition.attrs) {
for (a in definition.attrs) {
if (definition.attrs.hasOwnProperty(a)) {
attr = wysihtml5.dom.getAttribute(oldNode, a);
if (typeof(attr) === "string") {
if (attr.search(definition.attrs[a]) > -1) {
return true;
}
}
}
}
}
return false;
}
function _handleStyles(oldNode, newNode, rule) {
var s, v;
if(rule && rule.keep_styles) {
for (s in rule.keep_styles) {
if (rule.keep_styles.hasOwnProperty(s)) {
v = (s === "float") ? oldNode.style.styleFloat || oldNode.style.cssFloat : oldNode.style[s];
// value can be regex and if so should match or style skipped
if (rule.keep_styles[s] instanceof RegExp && !(rule.keep_styles[s].test(v))) {
continue;
}
if (s === "float") {
// IE compability
newNode.style[(oldNode.style.styleFloat) ? 'styleFloat': 'cssFloat'] = v;
} else if (oldNode.style[s]) {
newNode.style[s] = v;
}
}
}
}
};
function _getAttributesBeginningWith(beginning, attributes) {
var returnAttributes = [];
for (var attr in attributes) {
if (attributes.hasOwnProperty(attr) && attr.indexOf(beginning) === 0) {
returnAttributes.push(attr);
}
}
return returnAttributes;
}
function _checkAttribute(attributeName, attributeValue, methodName, nodeName) {
var method = wysihtml5.lang.object(methodName).isFunction() ? methodName : attributeCheckMethods[methodName],
newAttributeValue;
if (method) {
newAttributeValue = method(attributeValue, nodeName);
if (typeof(newAttributeValue) === "string") {
return newAttributeValue;
}
}
return false;
}
function _checkAttributes(oldNode, local_attributes) {
var globalAttributes = wysihtml5.lang.object(currentRules.attributes || {}).clone(), // global values for check/convert values of attributes
checkAttributes = wysihtml5.lang.object(globalAttributes).merge( wysihtml5.lang.object(local_attributes || {}).clone()).get(),
attributes = {},
oldAttributes = wysihtml5.dom.getAttributes(oldNode),
attributeName, newValue, matchingAttributes;
for (attributeName in checkAttributes) {
if ((/\*$/).test(attributeName)) {
matchingAttributes = _getAttributesBeginningWith(attributeName.slice(0,-1), oldAttributes);
for (var i = 0, imax = matchingAttributes.length; i < imax; i++) {
newValue = _checkAttribute(matchingAttributes[i], oldAttributes[matchingAttributes[i]], checkAttributes[attributeName], oldNode.nodeName);
if (newValue !== false) {
attributes[matchingAttributes[i]] = newValue;
}
}
} else {
newValue = _checkAttribute(attributeName, oldAttributes[attributeName], checkAttributes[attributeName], oldNode.nodeName);
if (newValue !== false) {
attributes[attributeName] = newValue;
}
}
}
return attributes;
}
// TODO: refactor. Too long to read
function _handleAttributes(oldNode, newNode, rule, clearInternals) {
var attributes = {}, // fresh new set of attributes to set on newNode
setClass = rule.set_class, // classes to set
addClass = rule.add_class, // add classes based on existing attributes
addStyle = rule.add_style, // add styles based on existing attributes
setAttributes = rule.set_attributes, // attributes to set on the current node
allowedClasses = currentRules.classes,
i = 0,
classes = [],
styles = [],
newClasses = [],
oldClasses = [],
classesLength,
newClassesLength,
currentClass,
newClass,
attributeName,
method;
if (setAttributes) {
attributes = wysihtml5.lang.object(setAttributes).clone();
}
// check/convert values of attributes
attributes = wysihtml5.lang.object(attributes).merge(_checkAttributes(oldNode, rule.check_attributes)).get();
if (setClass) {
classes.push(setClass);
}
if (addClass) {
for (attributeName in addClass) {
method = addClassMethods[addClass[attributeName]];
if (!method) {
continue;
}
newClass = method(wysihtml5.dom.getAttribute(oldNode, attributeName));
if (typeof(newClass) === "string") {
classes.push(newClass);
}
}
}
if (addStyle) {
for (attributeName in addStyle) {
method = addStyleMethods[addStyle[attributeName]];
if (!method) {
continue;
}
newStyle = method(wysihtml5.dom.getAttribute(oldNode, attributeName));
if (typeof(newStyle) === "string") {
styles.push(newStyle);
}
}
}
if (typeof(allowedClasses) === "string" && allowedClasses === "any") {
if (oldNode.getAttribute("class")) {
if (currentRules.classes_blacklist) {
oldClasses = oldNode.getAttribute("class");
if (oldClasses) {
classes = classes.concat(oldClasses.split(WHITE_SPACE_REG_EXP));
}
classesLength = classes.length;
for (; i 0) {
attributes["class"] = wysihtml5.lang.array(classes).unique().join(" ");
}
}
} else {
// make sure that wysihtml5 temp class doesn't get stripped out
if (!clearInternals) {
allowedClasses["_wysihtml5-temp-placeholder"] = 1;
allowedClasses["_rangySelectionBoundary"] = 1;
allowedClasses["wysiwyg-tmp-selected-cell"] = 1;
}
// add old classes last
oldClasses = oldNode.getAttribute("class");
if (oldClasses) {
classes = classes.concat(oldClasses.split(WHITE_SPACE_REG_EXP));
}
classesLength = classes.length;
for (; i under https when it's new attribute value is non-https
// TODO: Investigate this further and check for smarter handling
try {
newNode.setAttribute(attributeName, attributes[attributeName]);
} catch(e) {}
}
// IE8 sometimes loses the width/height attributes when those are set before the "src"
// so we make sure to set them again
if (attributes.src) {
if (typeof(attributes.width) !== "undefined") {
newNode.setAttribute("width", attributes.width);
}
if (typeof(attributes.height) !== "undefined") {
newNode.setAttribute("height", attributes.height);
}
}
}
function _handleText(oldNode) {
var nextSibling = oldNode.nextSibling;
if (nextSibling && nextSibling.nodeType === wysihtml5.TEXT_NODE) {
// Concatenate text nodes
nextSibling.data = oldNode.data.replace(wysihtml5.INVISIBLE_SPACE_REG_EXP, "") + nextSibling.data.replace(wysihtml5.INVISIBLE_SPACE_REG_EXP, "");
} else {
// \uFEFF = wysihtml5.INVISIBLE_SPACE (used as a hack in certain rich text editing situations)
var data = oldNode.data.replace(wysihtml5.INVISIBLE_SPACE_REG_EXP, "");
return oldNode.ownerDocument.createTextNode(data);
}
}
function _handleComment(oldNode) {
if (currentRules.comments) {
return oldNode.ownerDocument.createComment(oldNode.nodeValue);
}
}
// ------------ attribute checks ------------ \\
var attributeCheckMethods = {
url: (function() {
var REG_EXP = /^https?:\/\//i;
return function(attributeValue) {
if (!attributeValue || !attributeValue.match(REG_EXP)) {
return null;
}
return attributeValue.replace(REG_EXP, function(match) {
return match.toLowerCase();
});
};
})(),
src: (function() {
var REG_EXP = /^(\/|https?:\/\/)/i;
return function(attributeValue) {
if (!attributeValue || !attributeValue.match(REG_EXP)) {
return null;
}
return attributeValue.replace(REG_EXP, function(match) {
return match.toLowerCase();
});
};
})(),
href: (function() {
var REG_EXP = /^(#|\/|https?:\/\/|mailto:|tel:)/i;
return function(attributeValue) {
if (!attributeValue || !attributeValue.match(REG_EXP)) {
return null;
}
return attributeValue.replace(REG_EXP, function(match) {
return match.toLowerCase();
});
};
})(),
alt: (function() {
var REG_EXP = /[^ a-z0-9_\-]/gi;
return function(attributeValue, nodeName) {
if (!attributeValue) {
if (nodeName === "IMG") {
return "";
} else {
return null;
}
}
return attributeValue.replace(REG_EXP, "");
};
})(),
// Integers. Does not work with floating point numbers and units
numbers: (function() {
var REG_EXP = /\D/g;
return function(attributeValue) {
attributeValue = (attributeValue || "").replace(REG_EXP, "");
return attributeValue || null;
};
})(),
// Useful for with/height attributes where floating points and percentages are allowed
dimension: (function() {
var REG_EXP = /\D*(\d+)(\.\d+)?\s?(%)?\D*/;
return function(attributeValue) {
attributeValue = (attributeValue || "").replace(REG_EXP, "$1$2$3");
return attributeValue || null;
};
})(),
any: (function() {
return function(attributeValue) {
if (!attributeValue) {
return null;
}
return attributeValue;
};
})()
};
// ------------ style converter (converts an html attribute to a style) ------------ \\
var addStyleMethods = {
align_text: (function() {
var mapping = {
left: "text-align: left;",
right: "text-align: right;",
center: "text-align: center;"
};
return function(attributeValue) {
return mapping[String(attributeValue).toLowerCase()];
};
})(),
};
// ------------ class converter (converts an html attribute to a class name) ------------ \\
var addClassMethods = {
align_img: (function() {
var mapping = {
left: "wysiwyg-float-left",
right: "wysiwyg-float-right"
};
return function(attributeValue) {
return mapping[String(attributeValue).toLowerCase()];
};
})(),
align_text: (function() {
var mapping = {
left: "wysiwyg-text-align-left",
right: "wysiwyg-text-align-right",
center: "wysiwyg-text-align-center",
justify: "wysiwyg-text-align-justify"
};
return function(attributeValue) {
return mapping[String(attributeValue).toLowerCase()];
};
})(),
clear_br: (function() {
var mapping = {
left: "wysiwyg-clear-left",
right: "wysiwyg-clear-right",
both: "wysiwyg-clear-both",
all: "wysiwyg-clear-both"
};
return function(attributeValue) {
return mapping[String(attributeValue).toLowerCase()];
};
})(),
size_font: (function() {
var mapping = {
"1": "wysiwyg-font-size-xx-small",
"2": "wysiwyg-font-size-small",
"3": "wysiwyg-font-size-medium",
"4": "wysiwyg-font-size-large",
"5": "wysiwyg-font-size-x-large",
"6": "wysiwyg-font-size-xx-large",
"7": "wysiwyg-font-size-xx-large",
"-": "wysiwyg-font-size-smaller",
"+": "wysiwyg-font-size-larger"
};
return function(attributeValue) {
return mapping[String(attributeValue).charAt(0)];
};
})()
};
// checks if element is possibly visible
var typeCeckMethods = {
has_visible_contet: (function() {
var txt,
isVisible = false,
visibleElements = ['img', 'video', 'picture', 'br', 'script', 'noscript',
'style', 'table', 'iframe', 'object', 'embed', 'audio',
'svg', 'input', 'button', 'select','textarea', 'canvas'];
return function(el) {
// has visible innertext. so is visible
txt = (el.innerText || el.textContent).replace(/\s/g, '');
if (txt && txt.length > 0) {
return true;
}
// matches list of visible dimensioned elements
for (var i = visibleElements.length; i--;) {
if (el.querySelector(visibleElements[i])) {
return true;
}
}
// try to measure dimesions in last resort. (can find only of elements in dom)
if (el.offsetWidth && el.offsetWidth > 0 && el.offsetHeight && el.offsetHeight > 0) {
return true;
}
return false;
};
})()
};
var elementHandlingMethods = {
unwrap: function (element) {
wysihtml5.dom.unwrap(element);
},
remove: function (element) {
element.parentNode.removeChild(element);
}
};
return parse(elementOrHtml_current, config_current);
};
;/**
* Checks for empty text node childs and removes them
*
* @param {Element} node The element in which to cleanup
* @example
* wysihtml5.dom.removeEmptyTextNodes(element);
*/
wysihtml5.dom.removeEmptyTextNodes = function(node) {
var childNode,
childNodes = wysihtml5.lang.array(node.childNodes).get(),
childNodesLength = childNodes.length,
i = 0;
for (; i to a ) and keeps its childs
*
* @param {Element} element The list element which should be renamed
* @param {Element} newNodeName The desired tag name
*
* @example
*
*
* - eminem
* - dr. dre
* - 50 Cent
*
*
*
*
*
*
* - eminem
* - dr. dre
* - 50 Cent
*
*/
wysihtml5.dom.renameElement = function(element, newNodeName) {
var newElement = element.ownerDocument.createElement(newNodeName),
firstChild;
while (firstChild = element.firstChild) {
newElement.appendChild(firstChild);
}
wysihtml5.dom.copyAttributes(["align", "className"]).from(element).to(newElement);
if (element.parentNode) {
element.parentNode.replaceChild(newElement, element);
}
return newElement;
};
;/**
* Takes an element, removes it and replaces it with it's childs
*
* @param {Object} node The node which to replace with it's child nodes
* @example
*
* hello
*
*
*/
wysihtml5.dom.replaceWithChildNodes = function(node) {
if (!node.parentNode) {
return;
}
if (!node.firstChild) {
node.parentNode.removeChild(node);
return;
}
var fragment = node.ownerDocument.createDocumentFragment();
while (node.firstChild) {
fragment.appendChild(node.firstChild);
}
node.parentNode.replaceChild(fragment, node);
node = fragment = null;
};
;/**
* Unwraps an unordered/ordered list
*
* @param {Element} element The list element which should be unwrapped
*
* @example
*
*
* - eminem
* - dr. dre
* - 50 Cent
*
*
*
*
*
* eminem
* dr. dre
* 50 Cent
*/
(function(dom) {
function _isBlockElement(node) {
return dom.getStyle("display").from(node) === "block";
}
function _isLineBreak(node) {
return node.nodeName === "BR";
}
function _appendLineBreak(element) {
var lineBreak = element.ownerDocument.createElement("br");
element.appendChild(lineBreak);
}
function resolveList(list, useLineBreaks) {
if (!list.nodeName.match(/^(MENU|UL|OL)$/)) {
return;
}
var doc = list.ownerDocument,
fragment = doc.createDocumentFragment(),
previousSibling = wysihtml5.dom.domNode(list).prev({ignoreBlankTexts: true}),
nextSibling = wysihtml5.dom.domNode(list).next({ignoreBlankTexts: true}),
firstChild,
lastChild,
isLastChild,
shouldAppendLineBreak,
paragraph,
listItem,
lastListItem = list.lastElementChild || list.lastChild,
isLastItem;
if (useLineBreaks) {
// Insert line break if list is after a non-block element
if (previousSibling && !_isBlockElement(previousSibling) && !_isLineBreak(previousSibling)) {
_appendLineBreak(fragment);
}
while (listItem = (list.firstElementChild || list.firstChild)) {
lastChild = listItem.lastChild;
isLastItem = listItem === lastListItem;
while (firstChild = listItem.firstChild) {
isLastChild = firstChild === lastChild;
// This needs to be done before appending it to the fragment, as it otherwise will lose style information
shouldAppendLineBreak = (!isLastItem || (nextSibling && !_isBlockElement(nextSibling))) && isLastChild && !_isBlockElement(firstChild) && !_isLineBreak(firstChild);
fragment.appendChild(firstChild);
if (shouldAppendLineBreak) {
_appendLineBreak(fragment);
}
}
listItem.parentNode.removeChild(listItem);
}
} else {
while (listItem = (list.firstElementChild || list.firstChild)) {
if (listItem.querySelector && listItem.querySelector("div, p, ul, ol, menu, blockquote, h1, h2, h3, h4, h5, h6")) {
while (firstChild = listItem.firstChild) {
fragment.appendChild(firstChild);
}
} else {
paragraph = doc.createElement("p");
while (firstChild = listItem.firstChild) {
paragraph.appendChild(firstChild);
}
fragment.appendChild(paragraph);
}
listItem.parentNode.removeChild(listItem);
}
}
list.parentNode.replaceChild(fragment, list);
}
dom.resolveList = resolveList;
})(wysihtml5.dom);
;/**
* Sandbox for executing javascript, parsing css styles and doing dom operations in a secure way
*
* Browser Compatibility:
* - Secure in MSIE 6+, but only when the user hasn't made changes to his security level "restricted"
* - Partially secure in other browsers (Firefox, Opera, Safari, Chrome, ...)
*
* Please note that this class can't benefit from the HTML5 sandbox attribute for the following reasons:
* - sandboxing doesn't work correctly with inlined content (src="javascript:'...'")
* - sandboxing of physical documents causes that the dom isn't accessible anymore from the outside (iframe.contentWindow, ...)
* - setting the "allow-same-origin" flag would fix that, but then still javascript and dom events refuse to fire
* - therefore the "allow-scripts" flag is needed, which then would deactivate any security, as the js executed inside the iframe
* can do anything as if the sandbox attribute wasn't set
*
* @param {Function} [readyCallback] Method that gets invoked when the sandbox is ready
* @param {Object} [config] Optional parameters
*
* @example
* new wysihtml5.dom.Sandbox(function(sandbox) {
* sandbox.getWindow().document.body.innerHTML = '';
* });
*/
(function(wysihtml5) {
var /**
* Default configuration
*/
doc = document,
/**
* Properties to unset/protect on the window object
*/
windowProperties = [
"parent", "top", "opener", "frameElement", "frames",
"localStorage", "globalStorage", "sessionStorage", "indexedDB"
],
/**
* Properties on the window object which are set to an empty function
*/
windowProperties2 = [
"open", "close", "openDialog", "showModalDialog",
"alert", "confirm", "prompt",
"openDatabase", "postMessage",
"XMLHttpRequest", "XDomainRequest"
],
/**
* Properties to unset/protect on the document object
*/
documentProperties = [
"referrer",
"write", "open", "close"
];
wysihtml5.dom.Sandbox = Base.extend(
/** @scope wysihtml5.dom.Sandbox.prototype */ {
constructor: function(readyCallback, config) {
this.callback = readyCallback || wysihtml5.EMPTY_FUNCTION;
this.config = wysihtml5.lang.object({}).merge(config).get();
if (!this.config.className) {
this.config.className = "wysihtml5-sandbox";
}
this.editableArea = this._createIframe();
},
insertInto: function(element) {
if (typeof(element) === "string") {
element = doc.getElementById(element);
}
element.appendChild(this.editableArea);
},
getIframe: function() {
return this.editableArea;
},
getWindow: function() {
this._readyError();
},
getDocument: function() {
this._readyError();
},
destroy: function() {
var iframe = this.getIframe();
iframe.parentNode.removeChild(iframe);
},
_readyError: function() {
throw new Error("wysihtml5.Sandbox: Sandbox iframe isn't loaded yet");
},
/**
* Creates the sandbox iframe
*
* Some important notes:
* - We can't use HTML5 sandbox for now:
* setting it causes that the iframe's dom can't be accessed from the outside
* Therefore we need to set the "allow-same-origin" flag which enables accessing the iframe's dom
* But then there's another problem, DOM events (focus, blur, change, keypress, ...) aren't fired.
* In order to make this happen we need to set the "allow-scripts" flag.
* A combination of allow-scripts and allow-same-origin is almost the same as setting no sandbox attribute at all.
* - Chrome & Safari, doesn't seem to support sandboxing correctly when the iframe's html is inlined (no physical document)
* - IE needs to have the security="restricted" attribute set before the iframe is
* inserted into the dom tree
* - Believe it or not but in IE "security" in document.createElement("iframe") is false, even
* though it supports it
* - When an iframe has security="restricted", in IE eval() & execScript() don't work anymore
* - IE doesn't fire the onload event when the content is inlined in the src attribute, therefore we rely
* on the onreadystatechange event
*/
_createIframe: function() {
var that = this,
iframe = doc.createElement("iframe");
iframe.className = this.config.className;
wysihtml5.dom.setAttributes({
"security": "restricted",
"allowtransparency": "true",
"frameborder": 0,
"width": 0,
"height": 0,
"marginwidth": 0,
"marginheight": 0
}).on(iframe);
// Setting the src like this prevents ssl warnings in IE6
if (wysihtml5.browser.throwsMixedContentWarningWhenIframeSrcIsEmpty()) {
iframe.src = "javascript:''";
}
iframe.onload = function() {
iframe.onreadystatechange = iframe.onload = null;
that._onLoadIframe(iframe);
};
iframe.onreadystatechange = function() {
if (/loaded|complete/.test(iframe.readyState)) {
iframe.onreadystatechange = iframe.onload = null;
that._onLoadIframe(iframe);
}
};
return iframe;
},
/**
* Callback for when the iframe has finished loading
*/
_onLoadIframe: function(iframe) {
// don't resume when the iframe got unloaded (eg. by removing it from the dom)
if (!wysihtml5.dom.contains(doc.documentElement, iframe)) {
return;
}
var that = this,
iframeWindow = iframe.contentWindow,
iframeDocument = iframe.contentWindow.document,
charset = doc.characterSet || doc.charset || "utf-8",
sandboxHtml = this._getHtml({
charset: charset,
stylesheets: this.config.stylesheets
});
// Create the basic dom tree including proper DOCTYPE and charset
iframeDocument.open("text/html", "replace");
iframeDocument.write(sandboxHtml);
iframeDocument.close();
this.getWindow = function() { return iframe.contentWindow; };
this.getDocument = function() { return iframe.contentWindow.document; };
// Catch js errors and pass them to the parent's onerror event
// addEventListener("error") doesn't work properly in some browsers
// TODO: apparently this doesn't work in IE9!
iframeWindow.onerror = function(errorMessage, fileName, lineNumber) {
throw new Error("wysihtml5.Sandbox: " + errorMessage, fileName, lineNumber);
};
if (!wysihtml5.browser.supportsSandboxedIframes()) {
// Unset a bunch of sensitive variables
// Please note: This isn't hack safe!
// It more or less just takes care of basic attacks and prevents accidental theft of sensitive information
// IE is secure though, which is the most important thing, since IE is the only browser, who
// takes over scripts & styles into contentEditable elements when copied from external websites
// or applications (Microsoft Word, ...)
var i, length;
for (i=0, length=windowProperties.length; i';
}
}
templateVars.stylesheets = html;
return wysihtml5.lang.string(
''
+ '#{stylesheets}'
+ ''
).interpolate(templateVars);
},
/**
* Method to unset/override existing variables
* @example
* // Make cookie unreadable and unwritable
* this._unset(document, "cookie", "", true);
*/
_unset: function(object, property, value, setter) {
try { object[property] = value; } catch(e) {}
try { object.__defineGetter__(property, function() { return value; }); } catch(e) {}
if (setter) {
try { object.__defineSetter__(property, function() {}); } catch(e) {}
}
if (!wysihtml5.browser.crashesWhenDefineProperty(property)) {
try {
var config = {
get: function() { return value; }
};
if (setter) {
config.set = function() {};
}
Object.defineProperty(object, property, config);
} catch(e) {}
}
}
});
})(wysihtml5);
;(function(wysihtml5) {
var doc = document;
wysihtml5.dom.ContentEditableArea = Base.extend({
getContentEditable: function() {
return this.element;
},
getWindow: function() {
return this.element.ownerDocument.defaultView || this.element.ownerDocument.parentWindow;
},
getDocument: function() {
return this.element.ownerDocument;
},
constructor: function(readyCallback, config, contentEditable) {
this.callback = readyCallback || wysihtml5.EMPTY_FUNCTION;
this.config = wysihtml5.lang.object({}).merge(config).get();
if (!this.config.className) {
this.config.className = "wysihtml5-sandbox";
}
if (contentEditable) {
this.element = this._bindElement(contentEditable);
} else {
this.element = this._createElement();
}
},
destroy: function() {
},
// creates a new contenteditable and initiates it
_createElement: function() {
var element = doc.createElement("div");
element.className = this.config.className;
this._loadElement(element);
return element;
},
// initiates an allready existent contenteditable
_bindElement: function(contentEditable) {
contentEditable.className = contentEditable.className ? contentEditable.className + " wysihtml5-sandbox" : "wysihtml5-sandbox";
this._loadElement(contentEditable, true);
return contentEditable;
},
_loadElement: function(element, contentExists) {
var that = this;
if (!contentExists) {
var innerHtml = this._getHtml();
element.innerHTML = innerHtml;
}
this.loaded = true;
// Trigger the callback
setTimeout(function() { that.callback(that); }, 0);
},
_getHtml: function(templateVars) {
return '';
}
});
})(wysihtml5);
;(function() {
var mapping = {
"className": "class"
};
wysihtml5.dom.setAttributes = function(attributes) {
return {
on: function(element) {
for (var i in attributes) {
element.setAttribute(mapping[i] || i, attributes[i]);
}
}
};
};
})();
;wysihtml5.dom.setStyles = function(styles) {
return {
on: function(element) {
var style = element.style;
if (typeof(styles) === "string") {
style.cssText += ";" + styles;
return;
}
for (var i in styles) {
if (i === "float") {
style.cssFloat = styles[i];
style.styleFloat = styles[i];
} else {
style[i] = styles[i];
}
}
}
};
};
;/**
* Simulate HTML5 placeholder attribute
*
* Needed since
* - div[contentEditable] elements don't support it
* - older browsers (such as IE8 and Firefox 3.6) don't support it at all
*
* @param {Object} parent Instance of main wysihtml5.Editor class
* @param {Element} view Instance of wysihtml5.views.* class
* @param {String} placeholderText
*
* @example
* wysihtml.dom.simulatePlaceholder(this, composer, "Foobar");
*/
(function(dom) {
dom.simulatePlaceholder = function(editor, view, placeholderText, placeholderClassName) {
var CLASS_NAME = placeholderClassName || "wysihtml5-placeholder",
unset = function() {
var composerIsVisible = view.element.offsetWidth > 0 && view.element.offsetHeight > 0;
if (view.hasPlaceholderSet()) {
view.clear();
view.element.focus();
if (composerIsVisible ) {
setTimeout(function() {
var sel = view.selection.getSelection();
if (!sel.focusNode || !sel.anchorNode) {
view.selection.selectNode(view.element.firstChild || view.element);
}
}, 0);
}
}
view.placeholderSet = false;
dom.removeClass(view.element, CLASS_NAME);
},
set = function() {
if (view.isEmpty() && !view.placeholderSet) {
view.placeholderSet = true;
view.setValue(placeholderText, false);
dom.addClass(view.element, CLASS_NAME);
}
};
editor
.on("set_placeholder", set)
.on("unset_placeholder", unset)
.on("focus:composer", unset)
.on("paste:composer", unset)
.on("blur:composer", set);
set();
};
})(wysihtml5.dom);
;(function(dom) {
var documentElement = document.documentElement;
if ("textContent" in documentElement) {
dom.setTextContent = function(element, text) {
element.textContent = text;
};
dom.getTextContent = function(element) {
return element.textContent;
};
} else if ("innerText" in documentElement) {
dom.setTextContent = function(element, text) {
element.innerText = text;
};
dom.getTextContent = function(element) {
return element.innerText;
};
} else {
dom.setTextContent = function(element, text) {
element.nodeValue = text;
};
dom.getTextContent = function(element) {
return element.nodeValue;
};
}
})(wysihtml5.dom);
;/**
* Get a set of attribute from one element
*
* IE gives wrong results for hasAttribute/getAttribute, for example:
* var td = document.createElement("td");
* td.getAttribute("rowspan"); // => "1" in IE
*
* Therefore we have to check the element's outerHTML for the attribute
*/
wysihtml5.dom.getAttribute = function(node, attributeName) {
var HAS_GET_ATTRIBUTE_BUG = !wysihtml5.browser.supportsGetAttributeCorrectly();
attributeName = attributeName.toLowerCase();
var nodeName = node.nodeName;
if (nodeName == "IMG" && attributeName == "src" && wysihtml5.dom.isLoadedImage(node) === true) {
// Get 'src' attribute value via object property since this will always contain the
// full absolute url (http://...)
// this fixes a very annoying bug in firefox (ver 3.6 & 4) and IE 8 where images copied from the same host
// will have relative paths, which the sanitizer strips out (see attributeCheckMethods.url)
return node.src;
} else if (HAS_GET_ATTRIBUTE_BUG && "outerHTML" in node) {
// Don't trust getAttribute/hasAttribute in IE 6-8, instead check the element's outerHTML
var outerHTML = node.outerHTML.toLowerCase(),
// TODO: This might not work for attributes without value:
hasAttribute = outerHTML.indexOf(" " + attributeName + "=") != -1;
return hasAttribute ? node.getAttribute(attributeName) : null;
} else{
return node.getAttribute(attributeName);
}
};
;/**
* Get all attributes of an element
*
* IE gives wrong results for hasAttribute/getAttribute, for example:
* var td = document.createElement("td");
* td.getAttribute("rowspan"); // => "1" in IE
*
* Therefore we have to check the element's outerHTML for the attribute
*/
wysihtml5.dom.getAttributes = function(node) {
var HAS_GET_ATTRIBUTE_BUG = !wysihtml5.browser.supportsGetAttributeCorrectly(),
nodeName = node.nodeName,
attributes = [],
attr;
for (attr in node.attributes) {
if ((node.attributes.hasOwnProperty && node.attributes.hasOwnProperty(attr)) || (!node.attributes.hasOwnProperty && Object.prototype.hasOwnProperty.call(node.attributes, attr))) {
if (node.attributes[attr].specified) {
if (nodeName == "IMG" && node.attributes[attr].name.toLowerCase() == "src" && wysihtml5.dom.isLoadedImage(node) === true) {
attributes['src'] = node.src;
} else if (wysihtml5.lang.array(['rowspan', 'colspan']).contains(node.attributes[attr].name.toLowerCase()) && HAS_GET_ATTRIBUTE_BUG) {
if (node.attributes[attr].value !== 1) {
attributes[node.attributes[attr].name] = node.attributes[attr].value;
}
} else {
attributes[node.attributes[attr].name] = node.attributes[attr].value;
}
}
}
}
return attributes;
};
;/**
* Check whether the given node is a proper loaded image
* FIXME: Returns undefined when unknown (Chrome, Safari)
*/
wysihtml5.dom.isLoadedImage = function (node) {
try {
return node.complete && !node.mozMatchesSelector(":-moz-broken");
} catch(e) {
if (node.complete && node.readyState === "complete") {
return true;
}
}
};
;(function(wysihtml5) {
var api = wysihtml5.dom;
var MapCell = function(cell) {
this.el = cell;
this.isColspan= false;
this.isRowspan= false;
this.firstCol= true;
this.lastCol= true;
this.firstRow= true;
this.lastRow= true;
this.isReal= true;
this.spanCollection= [];
this.modified = false;
};
var TableModifyerByCell = function (cell, table) {
if (cell) {
this.cell = cell;
this.table = api.getParentElement(cell, { query: "table" });
} else if (table) {
this.table = table;
this.cell = this.table.querySelectorAll('th, td')[0];
}
};
function queryInList(list, query) {
var ret = [],
q;
for (var e = 0, len = list.length; e < len; e++) {
q = list[e].querySelectorAll(query);
if (q) {
for(var i = q.length; i--; ret.unshift(q[i]));
}
}
return ret;
}
function removeElement(el) {
el.parentNode.removeChild(el);
}
function insertAfter(referenceNode, newNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
function nextNode(node, tag) {
var element = node.nextSibling;
while (element.nodeType !=1) {
element = element.nextSibling;
if (!tag || tag == element.tagName.toLowerCase()) {
return element;
}
}
return null;
}
TableModifyerByCell.prototype = {
addSpannedCellToMap: function(cell, map, r, c, cspan, rspan) {
var spanCollect = [],
rmax = r + ((rspan) ? parseInt(rspan, 10) - 1 : 0),
cmax = c + ((cspan) ? parseInt(cspan, 10) - 1 : 0);
for (var rr = r; rr <= rmax; rr++) {
if (typeof map[rr] == "undefined") { map[rr] = []; }
for (var cc = c; cc <= cmax; cc++) {
map[rr][cc] = new MapCell(cell);
map[rr][cc].isColspan = (cspan && parseInt(cspan, 10) > 1);
map[rr][cc].isRowspan = (rspan && parseInt(rspan, 10) > 1);
map[rr][cc].firstCol = cc == c;
map[rr][cc].lastCol = cc == cmax;
map[rr][cc].firstRow = rr == r;
map[rr][cc].lastRow = rr == rmax;
map[rr][cc].isReal = cc == c && rr == r;
map[rr][cc].spanCollection = spanCollect;
spanCollect.push(map[rr][cc]);
}
}
},
setCellAsModified: function(cell) {
cell.modified = true;
if (cell.spanCollection.length > 0) {
for (var s = 0, smax = cell.spanCollection.length; s < smax; s++) {
cell.spanCollection[s].modified = true;
}
}
},
setTableMap: function() {
var map = [];
var tableRows = this.getTableRows(),
ridx, row, cells, cidx, cell,
c,
cspan, rspan;
for (ridx = 0; ridx < tableRows.length; ridx++) {
row = tableRows[ridx];
cells = this.getRowCells(row);
c = 0;
if (typeof map[ridx] == "undefined") { map[ridx] = []; }
for (cidx = 0; cidx < cells.length; cidx++) {
cell = cells[cidx];
// If cell allready set means it is set by col or rowspan,
// so increase cols index until free col is found
while (typeof map[ridx][c] != "undefined") { c++; }
cspan = api.getAttribute(cell, 'colspan');
rspan = api.getAttribute(cell, 'rowspan');
if (cspan || rspan) {
this.addSpannedCellToMap(cell, map, ridx, c, cspan, rspan);
c = c + ((cspan) ? parseInt(cspan, 10) : 1);
} else {
map[ridx][c] = new MapCell(cell);
c++;
}
}
}
this.map = map;
return map;
},
getRowCells: function(row) {
var inlineTables = this.table.querySelectorAll('table'),
inlineCells = (inlineTables) ? queryInList(inlineTables, 'th, td') : [],
allCells = row.querySelectorAll('th, td'),
tableCells = (inlineCells.length > 0) ? wysihtml5.lang.array(allCells).without(inlineCells) : allCells;
return tableCells;
},
getTableRows: function() {
var inlineTables = this.table.querySelectorAll('table'),
inlineRows = (inlineTables) ? queryInList(inlineTables, 'tr') : [],
allRows = this.table.querySelectorAll('tr'),
tableRows = (inlineRows.length > 0) ? wysihtml5.lang.array(allRows).without(inlineRows) : allRows;
return tableRows;
},
getMapIndex: function(cell) {
var r_length = this.map.length,
c_length = (this.map && this.map[0]) ? this.map[0].length : 0;
for (var r_idx = 0;r_idx < r_length; r_idx++) {
for (var c_idx = 0;c_idx < c_length; c_idx++) {
if (this.map[r_idx][c_idx].el === cell) {
return {'row': r_idx, 'col': c_idx};
}
}
}
return false;
},
getElementAtIndex: function(idx) {
this.setTableMap();
if (this.map[idx.row] && this.map[idx.row][idx.col] && this.map[idx.row][idx.col].el) {
return this.map[idx.row][idx.col].el;
}
return null;
},
getMapElsTo: function(to_cell) {
var els = [];
this.setTableMap();
this.idx_start = this.getMapIndex(this.cell);
this.idx_end = this.getMapIndex(to_cell);
// switch indexes if start is bigger than end
if (this.idx_start.row > this.idx_end.row || (this.idx_start.row == this.idx_end.row && this.idx_start.col > this.idx_end.col)) {
var temp_idx = this.idx_start;
this.idx_start = this.idx_end;
this.idx_end = temp_idx;
}
if (this.idx_start.col > this.idx_end.col) {
var temp_cidx = this.idx_start.col;
this.idx_start.col = this.idx_end.col;
this.idx_end.col = temp_cidx;
}
if (this.idx_start != null && this.idx_end != null) {
for (var row = this.idx_start.row, maxr = this.idx_end.row; row <= maxr; row++) {
for (var col = this.idx_start.col, maxc = this.idx_end.col; col <= maxc; col++) {
els.push(this.map[row][col].el);
}
}
}
return els;
},
orderSelectionEnds: function(secondcell) {
this.setTableMap();
this.idx_start = this.getMapIndex(this.cell);
this.idx_end = this.getMapIndex(secondcell);
// switch indexes if start is bigger than end
if (this.idx_start.row > this.idx_end.row || (this.idx_start.row == this.idx_end.row && this.idx_start.col > this.idx_end.col)) {
var temp_idx = this.idx_start;
this.idx_start = this.idx_end;
this.idx_end = temp_idx;
}
if (this.idx_start.col > this.idx_end.col) {
var temp_cidx = this.idx_start.col;
this.idx_start.col = this.idx_end.col;
this.idx_end.col = temp_cidx;
}
return {
"start": this.map[this.idx_start.row][this.idx_start.col].el,
"end": this.map[this.idx_end.row][this.idx_end.col].el
};
},
createCells: function(tag, nr, attrs) {
var doc = this.table.ownerDocument,
frag = doc.createDocumentFragment(),
cell;
for (var i = 0; i < nr; i++) {
cell = doc.createElement(tag);
if (attrs) {
for (var attr in attrs) {
if (attrs.hasOwnProperty(attr)) {
cell.setAttribute(attr, attrs[attr]);
}
}
}
// add non breaking space
cell.appendChild(document.createTextNode("\u00a0"));
frag.appendChild(cell);
}
return frag;
},
// Returns next real cell (not part of spanned cell unless first) on row if selected index is not real. I no real cells -1 will be returned
correctColIndexForUnreals: function(col, row) {
var r = this.map[row],
corrIdx = -1;
for (var i = 0, max = col; i < col; i++) {
if (r[i].isReal){
corrIdx++;
}
}
return corrIdx;
},
getLastNewCellOnRow: function(row, rowLimit) {
var cells = this.getRowCells(row),
cell, idx;
for (var cidx = 0, cmax = cells.length; cidx < cmax; cidx++) {
cell = cells[cidx];
idx = this.getMapIndex(cell);
if (idx === false || (typeof rowLimit != "undefined" && idx.row != rowLimit)) {
return cell;
}
}
return null;
},
removeEmptyTable: function() {
var cells = this.table.querySelectorAll('td, th');
if (!cells || cells.length == 0) {
removeElement(this.table);
return true;
} else {
return false;
}
},
// Splits merged cell on row to unique cells
splitRowToCells: function(cell) {
if (cell.isColspan) {
var colspan = parseInt(api.getAttribute(cell.el, 'colspan') || 1, 10),
cType = cell.el.tagName.toLowerCase();
if (colspan > 1) {
var newCells = this.createCells(cType, colspan -1);
insertAfter(cell.el, newCells);
}
cell.el.removeAttribute('colspan');
}
},
getRealRowEl: function(force, idx) {
var r = null,
c = null;
idx = idx || this.idx;
for (var cidx = 0, cmax = this.map[idx.row].length; cidx < cmax; cidx++) {
c = this.map[idx.row][cidx];
if (c.isReal) {
r = api.getParentElement(c.el, { query: "tr" });
if (r) {
return r;
}
}
}
if (r === null && force) {
r = api.getParentElement(this.map[idx.row][idx.col].el, { query: "tr" }) || null;
}
return r;
},
injectRowAt: function(row, col, colspan, cType, c) {
var r = this.getRealRowEl(false, {'row': row, 'col': col}),
new_cells = this.createCells(cType, colspan);
if (r) {
var n_cidx = this.correctColIndexForUnreals(col, row);
if (n_cidx >= 0) {
insertAfter(this.getRowCells(r)[n_cidx], new_cells);
} else {
r.insertBefore(new_cells, r.firstChild);
}
} else {
var rr = this.table.ownerDocument.createElement('tr');
rr.appendChild(new_cells);
insertAfter(api.getParentElement(c.el, { query: "tr" }), rr);
}
},
canMerge: function(to) {
this.to = to;
this.setTableMap();
this.idx_start = this.getMapIndex(this.cell);
this.idx_end = this.getMapIndex(this.to);
// switch indexes if start is bigger than end
if (this.idx_start.row > this.idx_end.row || (this.idx_start.row == this.idx_end.row && this.idx_start.col > this.idx_end.col)) {
var temp_idx = this.idx_start;
this.idx_start = this.idx_end;
this.idx_end = temp_idx;
}
if (this.idx_start.col > this.idx_end.col) {
var temp_cidx = this.idx_start.col;
this.idx_start.col = this.idx_end.col;
this.idx_end.col = temp_cidx;
}
for (var row = this.idx_start.row, maxr = this.idx_end.row; row <= maxr; row++) {
for (var col = this.idx_start.col, maxc = this.idx_end.col; col <= maxc; col++) {
if (this.map[row][col].isColspan || this.map[row][col].isRowspan) {
return false;
}
}
}
return true;
},
decreaseCellSpan: function(cell, span) {
var nr = parseInt(api.getAttribute(cell.el, span), 10) - 1;
if (nr >= 1) {
cell.el.setAttribute(span, nr);
} else {
cell.el.removeAttribute(span);
if (span == 'colspan') {
cell.isColspan = false;
}
if (span == 'rowspan') {
cell.isRowspan = false;
}
cell.firstCol = true;
cell.lastCol = true;
cell.firstRow = true;
cell.lastRow = true;
cell.isReal = true;
}
},
removeSurplusLines: function() {
var row, cell, ridx, rmax, cidx, cmax, allRowspan;
this.setTableMap();
if (this.map) {
ridx = 0;
rmax = this.map.length;
for (;ridx < rmax; ridx++) {
row = this.map[ridx];
allRowspan = true;
cidx = 0;
cmax = row.length;
for (; cidx < cmax; cidx++) {
cell = row[cidx];
if (!(api.getAttribute(cell.el, "rowspan") && parseInt(api.getAttribute(cell.el, "rowspan"), 10) > 1 && cell.firstRow !== true)) {
allRowspan = false;
break;
}
}
if (allRowspan) {
cidx = 0;
for (; cidx < cmax; cidx++) {
this.decreaseCellSpan(row[cidx], 'rowspan');
}
}
}
// remove rows without cells
var tableRows = this.getTableRows();
ridx = 0;
rmax = tableRows.length;
for (;ridx < rmax; ridx++) {
row = tableRows[ridx];
if (row.childNodes.length == 0 && (/^\s*$/.test(row.textContent || row.innerText))) {
removeElement(row);
}
}
}
},
fillMissingCells: function() {
var r_max = 0,
c_max = 0,
prevcell = null;
this.setTableMap();
if (this.map) {
// find maximal dimensions of broken table
r_max = this.map.length;
for (var ridx = 0; ridx < r_max; ridx++) {
if (this.map[ridx].length > c_max) { c_max = this.map[ridx].length; }
}
for (var row = 0; row < r_max; row++) {
for (var col = 0; col < c_max; col++) {
if (this.map[row] && !this.map[row][col]) {
if (col > 0) {
this.map[row][col] = new MapCell(this.createCells('td', 1));
prevcell = this.map[row][col-1];
if (prevcell && prevcell.el && prevcell.el.parent) { // if parent does not exist element is removed from dom
insertAfter(this.map[row][col-1].el, this.map[row][col].el);
}
}
}
}
}
}
},
rectify: function() {
if (!this.removeEmptyTable()) {
this.removeSurplusLines();
this.fillMissingCells();
return true;
} else {
return false;
}
},
unmerge: function() {
if (this.rectify()) {
this.setTableMap();
this.idx = this.getMapIndex(this.cell);
if (this.idx) {
var thisCell = this.map[this.idx.row][this.idx.col],
colspan = (api.getAttribute(thisCell.el, "colspan")) ? parseInt(api.getAttribute(thisCell.el, "colspan"), 10) : 1,
cType = thisCell.el.tagName.toLowerCase();
if (thisCell.isRowspan) {
var rowspan = parseInt(api.getAttribute(thisCell.el, "rowspan"), 10);
if (rowspan > 1) {
for (var nr = 1, maxr = rowspan - 1; nr <= maxr; nr++){
this.injectRowAt(this.idx.row + nr, this.idx.col, colspan, cType, thisCell);
}
}
thisCell.el.removeAttribute('rowspan');
}
this.splitRowToCells(thisCell);
}
}
},
// merges cells from start cell (defined in creating obj) to "to" cell
merge: function(to) {
if (this.rectify()) {
if (this.canMerge(to)) {
var rowspan = this.idx_end.row - this.idx_start.row + 1,
colspan = this.idx_end.col - this.idx_start.col + 1;
for (var row = this.idx_start.row, maxr = this.idx_end.row; row <= maxr; row++) {
for (var col = this.idx_start.col, maxc = this.idx_end.col; col <= maxc; col++) {
if (row == this.idx_start.row && col == this.idx_start.col) {
if (rowspan > 1) {
this.map[row][col].el.setAttribute('rowspan', rowspan);
}
if (colspan > 1) {
this.map[row][col].el.setAttribute('colspan', colspan);
}
} else {
// transfer content
if (!(/^\s*\s*$/.test(this.map[row][col].el.innerHTML.toLowerCase()))) {
this.map[this.idx_start.row][this.idx_start.col].el.innerHTML += ' ' + this.map[row][col].el.innerHTML;
}
removeElement(this.map[row][col].el);
}
}
}
this.rectify();
} else {
if (window.console) {
console.log('Do not know how to merge allready merged cells.');
}
}
}
},
// Decreases rowspan of a cell if it is done on first cell of rowspan row (real cell)
// Cell is moved to next row (if it is real)
collapseCellToNextRow: function(cell) {
var cellIdx = this.getMapIndex(cell.el),
newRowIdx = cellIdx.row + 1,
newIdx = {'row': newRowIdx, 'col': cellIdx.col};
if (newRowIdx < this.map.length) {
var row = this.getRealRowEl(false, newIdx);
if (row !== null) {
var n_cidx = this.correctColIndexForUnreals(newIdx.col, newIdx.row);
if (n_cidx >= 0) {
insertAfter(this.getRowCells(row)[n_cidx], cell.el);
} else {
var lastCell = this.getLastNewCellOnRow(row, newRowIdx);
if (lastCell !== null) {
insertAfter(lastCell, cell.el);
} else {
row.insertBefore(cell.el, row.firstChild);
}
}
if (parseInt(api.getAttribute(cell.el, 'rowspan'), 10) > 2) {
cell.el.setAttribute('rowspan', parseInt(api.getAttribute(cell.el, 'rowspan'), 10) - 1);
} else {
cell.el.removeAttribute('rowspan');
}
}
}
},
// Removes a cell when removing a row
// If is rowspan cell then decreases the rowspan
// and moves cell to next row if needed (is first cell of rowspan)
removeRowCell: function(cell) {
if (cell.isReal) {
if (cell.isRowspan) {
this.collapseCellToNextRow(cell);
} else {
removeElement(cell.el);
}
} else {
if (parseInt(api.getAttribute(cell.el, 'rowspan'), 10) > 2) {
cell.el.setAttribute('rowspan', parseInt(api.getAttribute(cell.el, 'rowspan'), 10) - 1);
} else {
cell.el.removeAttribute('rowspan');
}
}
},
getRowElementsByCell: function() {
var cells = [];
this.setTableMap();
this.idx = this.getMapIndex(this.cell);
if (this.idx !== false) {
var modRow = this.map[this.idx.row];
for (var cidx = 0, cmax = modRow.length; cidx < cmax; cidx++) {
if (modRow[cidx].isReal) {
cells.push(modRow[cidx].el);
}
}
}
return cells;
},
getColumnElementsByCell: function() {
var cells = [];
this.setTableMap();
this.idx = this.getMapIndex(this.cell);
if (this.idx !== false) {
for (var ridx = 0, rmax = this.map.length; ridx < rmax; ridx++) {
if (this.map[ridx][this.idx.col] && this.map[ridx][this.idx.col].isReal) {
cells.push(this.map[ridx][this.idx.col].el);
}
}
}
return cells;
},
// Removes the row of selected cell
removeRow: function() {
var oldRow = api.getParentElement(this.cell, { query: "tr" });
if (oldRow) {
this.setTableMap();
this.idx = this.getMapIndex(this.cell);
if (this.idx !== false) {
var modRow = this.map[this.idx.row];
for (var cidx = 0, cmax = modRow.length; cidx < cmax; cidx++) {
if (!modRow[cidx].modified) {
this.setCellAsModified(modRow[cidx]);
this.removeRowCell(modRow[cidx]);
}
}
}
removeElement(oldRow);
}
},
removeColCell: function(cell) {
if (cell.isColspan) {
if (parseInt(api.getAttribute(cell.el, 'colspan'), 10) > 2) {
cell.el.setAttribute('colspan', parseInt(api.getAttribute(cell.el, 'colspan'), 10) - 1);
} else {
cell.el.removeAttribute('colspan');
}
} else if (cell.isReal) {
removeElement(cell.el);
}
},
removeColumn: function() {
this.setTableMap();
this.idx = this.getMapIndex(this.cell);
if (this.idx !== false) {
for (var ridx = 0, rmax = this.map.length; ridx < rmax; ridx++) {
if (!this.map[ridx][this.idx.col].modified) {
this.setCellAsModified(this.map[ridx][this.idx.col]);
this.removeColCell(this.map[ridx][this.idx.col]);
}
}
}
},
// removes row or column by selected cell element
remove: function(what) {
if (this.rectify()) {
switch (what) {
case 'row':
this.removeRow();
break;
case 'column':
this.removeColumn();
break;
}
this.rectify();
}
},
addRow: function(where) {
var doc = this.table.ownerDocument;
this.setTableMap();
this.idx = this.getMapIndex(this.cell);
if (where == "below" && api.getAttribute(this.cell, 'rowspan')) {
this.idx.row = this.idx.row + parseInt(api.getAttribute(this.cell, 'rowspan'), 10) - 1;
}
if (this.idx !== false) {
var modRow = this.map[this.idx.row],
newRow = doc.createElement('tr');
for (var ridx = 0, rmax = modRow.length; ridx < rmax; ridx++) {
if (!modRow[ridx].modified) {
this.setCellAsModified(modRow[ridx]);
this.addRowCell(modRow[ridx], newRow, where);
}
}
switch (where) {
case 'below':
insertAfter(this.getRealRowEl(true), newRow);
break;
case 'above':
var cr = api.getParentElement(this.map[this.idx.row][this.idx.col].el, { query: "tr" });
if (cr) {
cr.parentNode.insertBefore(newRow, cr);
}
break;
}
}
},
addRowCell: function(cell, row, where) {
var colSpanAttr = (cell.isColspan) ? {"colspan" : api.getAttribute(cell.el, 'colspan')} : null;
if (cell.isReal) {
if (where != 'above' && cell.isRowspan) {
cell.el.setAttribute('rowspan', parseInt(api.getAttribute(cell.el,'rowspan'), 10) + 1);
} else {
row.appendChild(this.createCells('td', 1, colSpanAttr));
}
} else {
if (where != 'above' && cell.isRowspan && cell.lastRow) {
row.appendChild(this.createCells('td', 1, colSpanAttr));
} else if (c.isRowspan) {
cell.el.attr('rowspan', parseInt(api.getAttribute(cell.el, 'rowspan'), 10) + 1);
}
}
},
add: function(where) {
if (this.rectify()) {
if (where == 'below' || where == 'above') {
this.addRow(where);
}
if (where == 'before' || where == 'after') {
this.addColumn(where);
}
}
},
addColCell: function (cell, ridx, where) {
var doAdd,
cType = cell.el.tagName.toLowerCase();
// defines add cell vs expand cell conditions
// true means add
switch (where) {
case "before":
doAdd = (!cell.isColspan || cell.firstCol);
break;
case "after":
doAdd = (!cell.isColspan || cell.lastCol || (cell.isColspan && c.el == this.cell));
break;
}
if (doAdd){
// adds a cell before or after current cell element
switch (where) {
case "before":
cell.el.parentNode.insertBefore(this.createCells(cType, 1), cell.el);
break;
case "after":
insertAfter(cell.el, this.createCells(cType, 1));
break;
}
// handles if cell has rowspan
if (cell.isRowspan) {
this.handleCellAddWithRowspan(cell, ridx+1, where);
}
} else {
// expands cell
cell.el.setAttribute('colspan', parseInt(api.getAttribute(cell.el, 'colspan'), 10) + 1);
}
},
addColumn: function(where) {
var row, modCell;
this.setTableMap();
this.idx = this.getMapIndex(this.cell);
if (where == "after" && api.getAttribute(this.cell, 'colspan')) {
this.idx.col = this.idx.col + parseInt(api.getAttribute(this.cell, 'colspan'), 10) - 1;
}
if (this.idx !== false) {
for (var ridx = 0, rmax = this.map.length; ridx < rmax; ridx++ ) {
row = this.map[ridx];
if (row[this.idx.col]) {
modCell = row[this.idx.col];
if (!modCell.modified) {
this.setCellAsModified(modCell);
this.addColCell(modCell, ridx , where);
}
}
}
}
},
handleCellAddWithRowspan: function (cell, ridx, where) {
var addRowsNr = parseInt(api.getAttribute(this.cell, 'rowspan'), 10) - 1,
crow = api.getParentElement(cell.el, { query: "tr" }),
cType = cell.el.tagName.toLowerCase(),
cidx, temp_r_cells,
doc = this.table.ownerDocument,
nrow;
for (var i = 0; i < addRowsNr; i++) {
cidx = this.correctColIndexForUnreals(this.idx.col, (ridx + i));
crow = nextNode(crow, 'tr');
if (crow) {
if (cidx > 0) {
switch (where) {
case "before":
temp_r_cells = this.getRowCells(crow);
if (cidx > 0 && this.map[ridx + i][this.idx.col].el != temp_r_cells[cidx] && cidx == temp_r_cells.length - 1) {
insertAfter(temp_r_cells[cidx], this.createCells(cType, 1));
} else {
temp_r_cells[cidx].parentNode.insertBefore(this.createCells(cType, 1), temp_r_cells[cidx]);
}
break;
case "after":
insertAfter(this.getRowCells(crow)[cidx], this.createCells(cType, 1));
break;
}
} else {
crow.insertBefore(this.createCells(cType, 1), crow.firstChild);
}
} else {
nrow = doc.createElement('tr');
nrow.appendChild(this.createCells(cType, 1));
this.table.appendChild(nrow);
}
}
}
};
api.table = {
getCellsBetween: function(cell1, cell2) {
var c1 = new TableModifyerByCell(cell1);
return c1.getMapElsTo(cell2);
},
addCells: function(cell, where) {
var c = new TableModifyerByCell(cell);
c.add(where);
},
removeCells: function(cell, what) {
var c = new TableModifyerByCell(cell);
c.remove(what);
},
mergeCellsBetween: function(cell1, cell2) {
var c1 = new TableModifyerByCell(cell1);
c1.merge(cell2);
},
unmergeCell: function(cell) {
var c = new TableModifyerByCell(cell);
c.unmerge();
},
orderSelectionEnds: function(cell, cell2) {
var c = new TableModifyerByCell(cell);
return c.orderSelectionEnds(cell2);
},
indexOf: function(cell) {
var c = new TableModifyerByCell(cell);
c.setTableMap();
return c.getMapIndex(cell);
},
findCell: function(table, idx) {
var c = new TableModifyerByCell(null, table);
return c.getElementAtIndex(idx);
},
findRowByCell: function(cell) {
var c = new TableModifyerByCell(cell);
return c.getRowElementsByCell();
},
findColumnByCell: function(cell) {
var c = new TableModifyerByCell(cell);
return c.getColumnElementsByCell();
},
canMerge: function(cell1, cell2) {
var c = new TableModifyerByCell(cell1);
return c.canMerge(cell2);
}
};
})(wysihtml5);
;// does a selector query on element or array of elements
wysihtml5.dom.query = function(elements, query) {
var ret = [],
q;
if (elements.nodeType) {
elements = [elements];
}
for (var e = 0, len = elements.length; e < len; e++) {
q = elements[e].querySelectorAll(query);
if (q) {
for(var i = q.length; i--; ret.unshift(q[i]));
}
}
return ret;
};
;wysihtml5.dom.compareDocumentPosition = (function() {
var documentElement = document.documentElement;
if (documentElement.compareDocumentPosition) {
return function(container, element) {
return container.compareDocumentPosition(element);
};
} else {
return function( container, element ) {
// implementation borrowed from https://github.com/tmpvar/jsdom/blob/681a8524b663281a0f58348c6129c8c184efc62c/lib/jsdom/level3/core.js // MIT license
var thisOwner, otherOwner;
if( container.nodeType === 9) // Node.DOCUMENT_NODE
thisOwner = container;
else
thisOwner = container.ownerDocument;
if( element.nodeType === 9) // Node.DOCUMENT_NODE
otherOwner = element;
else
otherOwner = element.ownerDocument;
if( container === element ) return 0;
if( container === element.ownerDocument ) return 4 + 16; //Node.DOCUMENT_POSITION_FOLLOWING + Node.DOCUMENT_POSITION_CONTAINED_BY;
if( container.ownerDocument === element ) return 2 + 8; //Node.DOCUMENT_POSITION_PRECEDING + Node.DOCUMENT_POSITION_CONTAINS;
if( thisOwner !== otherOwner ) return 1; // Node.DOCUMENT_POSITION_DISCONNECTED;
// Text nodes for attributes does not have a _parentNode. So we need to find them as attribute child.
if( container.nodeType === 2 /*Node.ATTRIBUTE_NODE*/ && container.childNodes && wysihtml5.lang.array(container.childNodes).indexOf( element ) !== -1)
return 4 + 16; //Node.DOCUMENT_POSITION_FOLLOWING + Node.DOCUMENT_POSITION_CONTAINED_BY;
if( element.nodeType === 2 /*Node.ATTRIBUTE_NODE*/ && element.childNodes && wysihtml5.lang.array(element.childNodes).indexOf( container ) !== -1)
return 2 + 8; //Node.DOCUMENT_POSITION_PRECEDING + Node.DOCUMENT_POSITION_CONTAINS;
var point = container;
var parents = [ ];
var previous = null;
while( point ) {
if( point == element ) return 2 + 8; //Node.DOCUMENT_POSITION_PRECEDING + Node.DOCUMENT_POSITION_CONTAINS;
parents.push( point );
point = point.parentNode;
}
point = element;
previous = null;
while( point ) {
if( point == container ) return 4 + 16; //Node.DOCUMENT_POSITION_FOLLOWING + Node.DOCUMENT_POSITION_CONTAINED_BY;
var location_index = wysihtml5.lang.array(parents).indexOf( point );
if( location_index !== -1) {
var smallest_common_ancestor = parents[ location_index ];
var this_index = wysihtml5.lang.array(smallest_common_ancestor.childNodes).indexOf( parents[location_index - 1]);//smallest_common_ancestor.childNodes.toArray().indexOf( parents[location_index - 1] );
var other_index = wysihtml5.lang.array(smallest_common_ancestor.childNodes).indexOf( previous ); //smallest_common_ancestor.childNodes.toArray().indexOf( previous );
if( this_index > other_index ) {
return 2; //Node.DOCUMENT_POSITION_PRECEDING;
}
else {
return 4; //Node.DOCUMENT_POSITION_FOLLOWING;
}
}
previous = point;
point = point.parentNode;
}
return 1; //Node.DOCUMENT_POSITION_DISCONNECTED;
};
}
})();
;/* Unwraps element and returns list of childNodes that the node contained.
*
* Example:
* var childnodes = wysihtml5.dom.unwrap(document.querySelector('.unwrap-me'));
*/
wysihtml5.dom.unwrap = function(node) {
var children = [];
if (node.parentNode) {
while (node.lastChild) {
children.unshift(node.lastChild);
wysihtml5.dom.insert(node.lastChild).after(node);
}
node.parentNode.removeChild(node);
}
return children;
};
;/*
* Methods for fetching pasted html before it gets inserted into content
**/
/* Modern event.clipboardData driven approach.
* Advantage is that it does not have to loose selection or modify dom to catch the data.
* IE does not support though.
**/
wysihtml5.dom.getPastedHtml = function(event) {
var html;
if (wysihtml5.browser.supportsModernPaste() && event.clipboardData) {
if (wysihtml5.lang.array(event.clipboardData.types).contains('text/html')) {
html = event.clipboardData.getData('text/html');
} else if (wysihtml5.lang.array(event.clipboardData.types).contains('text/plain')) {
html = wysihtml5.lang.string(event.clipboardData.getData('text/plain')).escapeHTML(true, true);
}
}
return html;
};
/* Older temprorary contenteditable as paste source catcher method for fallbacks */
wysihtml5.dom.getPastedHtmlWithDiv = function (composer, f) {
var selBookmark = composer.selection.getBookmark(),
doc = composer.element.ownerDocument,
cleanerDiv = doc.createElement('DIV'),
scrollPos = composer.getScrollPos();
doc.body.appendChild(cleanerDiv);
cleanerDiv.style.width = "1px";
cleanerDiv.style.height = "1px";
cleanerDiv.style.overflow = "hidden";
cleanerDiv.style.position = "absolute";
cleanerDiv.style.top = scrollPos.y + "px";
cleanerDiv.style.left = scrollPos.x + "px";
cleanerDiv.setAttribute('contenteditable', 'true');
cleanerDiv.focus();
setTimeout(function () {
var html;
composer.selection.setBookmark(selBookmark);
html = cleanerDiv.innerHTML;
if (html && (/^$/i).test(html.trim())) {
html = false;
}
f(html);
cleanerDiv.parentNode.removeChild(cleanerDiv);
}, 0);
};
;wysihtml5.dom.removeInvisibleSpaces = function(node) {
var textNodes = wysihtml5.dom.getTextNodes(node);
for (var n = textNodes.length; n--;) {
textNodes[n].nodeValue = textNodes[n].nodeValue.replace(wysihtml5.INVISIBLE_SPACE_REG_EXP, "");
}
};
;/**
* Fix most common html formatting misbehaviors of browsers implementation when inserting
* content via copy & paste contentEditable
*
* @author Christopher Blum
*/
wysihtml5.quirks.cleanPastedHTML = (function() {
var styleToRegex = function (styleStr) {
var trimmedStr = wysihtml5.lang.string(styleStr).trim(),
escapedStr = trimmedStr.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
return new RegExp("^((?!^" + escapedStr + "$).)*$", "i");
};
var extendRulesWithStyleExceptions = function (rules, exceptStyles) {
var newRules = wysihtml5.lang.object(rules).clone(true),
tag, style;
for (tag in newRules.tags) {
if (newRules.tags.hasOwnProperty(tag)) {
if (newRules.tags[tag].keep_styles) {
for (style in newRules.tags[tag].keep_styles) {
if (newRules.tags[tag].keep_styles.hasOwnProperty(style)) {
if (exceptStyles[style]) {
newRules.tags[tag].keep_styles[style] = styleToRegex(exceptStyles[style]);
}
}
}
}
}
}
return newRules;
};
var pickRuleset = function(ruleset, html) {
var pickedSet, defaultSet;
if (!ruleset) {
return null;
}
for (var i = 0, max = ruleset.length; i < max; i++) {
if (!ruleset[i].condition) {
defaultSet = ruleset[i].set;
}
if (ruleset[i].condition && ruleset[i].condition.test(html)) {
return ruleset[i].set;
}
}
return defaultSet;
};
return function(html, options) {
var exceptStyles = {
'color': wysihtml5.dom.getStyle("color").from(options.referenceNode),
'fontSize': wysihtml5.dom.getStyle("font-size").from(options.referenceNode)
},
rules = extendRulesWithStyleExceptions(pickRuleset(options.rules, html) || {}, exceptStyles),
newHtml;
newHtml = wysihtml5.dom.parse(html, {
"rules": rules,
"cleanUp": true, // elements, empty or without attributes, should be removed/replaced with their content
"context": options.referenceNode.ownerDocument,
"uneditableClass": options.uneditableClass,
"clearInternals" : true, // don't paste temprorary selection and other markings
"unjoinNbsps" : true
});
return newHtml;
};
})();
;/**
* IE and Opera leave an empty paragraph in the contentEditable element after clearing it
*
* @param {Object} contentEditableElement The contentEditable element to observe for clearing events
* @exaple
* wysihtml5.quirks.ensureProperClearing(myContentEditableElement);
*/
wysihtml5.quirks.ensureProperClearing = (function() {
var clearIfNecessary = function() {
var element = this;
setTimeout(function() {
var innerHTML = element.innerHTML.toLowerCase();
if (innerHTML == "
" ||
innerHTML == "
") {
element.innerHTML = "";
}
}, 0);
};
return function(composer) {
wysihtml5.dom.observe(composer.element, ["cut", "keydown"], clearIfNecessary);
};
})();
;// See https://bugzilla.mozilla.org/show_bug.cgi?id=664398
//
// In Firefox this:
// var d = document.createElement("div");
// d.innerHTML ='';
// d.innerHTML;
// will result in:
//
// which is wrong
(function(wysihtml5) {
var TILDE_ESCAPED = "%7E";
wysihtml5.quirks.getCorrectInnerHTML = function(element) {
var innerHTML = element.innerHTML;
if (innerHTML.indexOf(TILDE_ESCAPED) === -1) {
return innerHTML;
}
var elementsWithTilde = element.querySelectorAll("[href*='~'], [src*='~']"),
url,
urlToSearch,
length,
i;
for (i=0, length=elementsWithTilde.length; i 0) {
for (var i = 0; i < selectedCells.length; i++) {
dom.removeClass(selectedCells[i], selection_class);
}
}
}
}
function addSelections (cells) {
for (var i = 0; i < cells.length; i++) {
dom.addClass(cells[i], selection_class);
}
}
function handleMouseMove (event) {
var curTable = null,
cell = dom.getParentElement(event.target, { query: "td, th" }, false, editable),
oldEnd;
if (cell && select.table && select.start) {
curTable = dom.getParentElement(cell, { query: "table" }, false, editable);
if (curTable && curTable === select.table) {
removeCellSelections();
oldEnd = select.end;
select.end = cell;
select.cells = dom.table.getCellsBetween(select.start, cell);
if (select.cells.length > 1) {
editor.composer.selection.deselect();
}
addSelections(select.cells);
if (select.end !== oldEnd) {
editor.fire("tableselectchange").fire("tableselectchange:composer");
}
}
}
}
function handleMouseUp (event) {
editable.removeEventListener("mousemove", handleMouseMove);
editable.removeEventListener("mouseup", handleMouseUp);
editor.fire("tableselect").fire("tableselect:composer");
setTimeout(function() {
bindSideclick();
},0);
}
var sideClickHandler = function(event) {
editable.ownerDocument.removeEventListener("click", sideClickHandler);
if (dom.getParentElement(event.target, { query: "table" }, false, editable) != select.table) {
removeCellSelections();
select.table = null;
select.start = null;
select.end = null;
editor.fire("tableunselect").fire("tableunselect:composer");
}
};
function bindSideclick () {
editable.ownerDocument.addEventListener("click", sideClickHandler);
}
function selectCells (start, end) {
select.start = start;
select.end = end;
select.table = dom.getParentElement(select.start, { query: "table" }, false, editable);
selectedCells = dom.table.getCellsBetween(select.start, select.end);
addSelections(selectedCells);
bindSideclick();
editor.fire("tableselect").fire("tableselect:composer");
}
return init();
};
;(function(wysihtml5) {
// List of supported color format parsing methods
// If radix is not defined 10 is expected as default
var colorParseMethods = {
rgba : {
regex: /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([\d\.]+)\s*\)/i,
name: "rgba"
},
rgb : {
regex: /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/i,
name: "rgb"
},
hex6 : {
regex: /^#([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])/i,
name: "hex",
radix: 16
},
hex3 : {
regex: /^#([0-9a-f])([0-9a-f])([0-9a-f])/i,
name: "hex",
radix: 16
}
},
// Takes a style key name as an argument and makes a regex that can be used to the match key:value pair from style string
makeParamRegExp = function (p) {
return new RegExp("(^|\\s|;)" + p + "\\s*:\\s*[^;$]+", "gi");
};
// Takes color string value ("#abc", "rgb(1,2,3)", ...) as an argument and returns suitable parsing method for it
function getColorParseMethod (colorStr) {
var prop, colorTypeConf;
for (prop in colorParseMethods) {
if (!colorParseMethods.hasOwnProperty(prop)) { continue; }
colorTypeConf = colorParseMethods[prop];
if (colorTypeConf.regex.test(colorStr)) {
return colorTypeConf;
}
}
}
// Takes color string value ("#abc", "rgb(1,2,3)", ...) as an argument and returns the type of that color format "hex", "rgb", "rgba".
function getColorFormat (colorStr) {
var type = getColorParseMethod(colorStr);
return type ? type.name : undefined;
}
// Public API functions for styleParser
wysihtml5.quirks.styleParser = {
// Takes color string value as an argument and returns suitable parsing method for it
getColorParseMethod : getColorParseMethod,
// Takes color string value as an argument and returns the type of that color format "hex", "rgb", "rgba".
getColorFormat : getColorFormat,
/* Parses a color string to and array of [red, green, blue, alpha].
* paramName: optional argument to parse color value directly from style string parameter
*
* Examples:
* var colorArray = wysihtml5.quirks.styleParser.parseColor("#ABC"); // [170, 187, 204, 1]
* var colorArray = wysihtml5.quirks.styleParser.parseColor("#AABBCC"); // [170, 187, 204, 1]
* var colorArray = wysihtml5.quirks.styleParser.parseColor("rgb(1,2,3)"); // [1, 2, 3, 1]
* var colorArray = wysihtml5.quirks.styleParser.parseColor("rgba(1,2,3,0.5)"); // [1, 2, 3, 0.5]
*
* var colorArray = wysihtml5.quirks.styleParser.parseColor("background-color: #ABC; color: #000;", "background-color"); // [170, 187, 204, 1]
* var colorArray = wysihtml5.quirks.styleParser.parseColor("background-color: #ABC; color: #000;", "color"); // [0, 0, 0, 1]
*/
parseColor : function (stylesStr, paramName) {
var paramsRegex, params, colorType, colorMatch, radix,
colorStr = stylesStr;
if (paramName) {
paramsRegex = makeParamRegExp(paramName);
if (!(params = stylesStr.match(paramsRegex))) { return false; }
params = params.pop().split(":")[1];
colorStr = wysihtml5.lang.string(params).trim();
}
if (!(colorType = getColorParseMethod(colorStr))) { return false; }
if (!(colorMatch = colorStr.match(colorType.regex))) { return false; }
radix = colorType.radix || 10;
if (colorType === colorParseMethods.hex3) {
colorMatch.shift();
colorMatch.push(1);
return wysihtml5.lang.array(colorMatch).map(function(d, idx) {
return (idx < 3) ? (parseInt(d, radix) * radix) + parseInt(d, radix): parseFloat(d);
});
}
colorMatch.shift();
if (!colorMatch[3]) {
colorMatch.push(1);
}
return wysihtml5.lang.array(colorMatch).map(function(d, idx) {
return (idx < 3) ? parseInt(d, radix): parseFloat(d);
});
},
/* Takes rgba color array [r,g,b,a] as a value and formats it to color string with given format type
* If no format is given, rgba/rgb is returned based on alpha value
*
* Example:
* var colorStr = wysihtml5.quirks.styleParser.unparseColor([170, 187, 204, 1], "hash"); // "#AABBCC"
* var colorStr = wysihtml5.quirks.styleParser.unparseColor([170, 187, 204, 1], "hex"); // "AABBCC"
* var colorStr = wysihtml5.quirks.styleParser.unparseColor([170, 187, 204, 1], "csv"); // "170, 187, 204, 1"
* var colorStr = wysihtml5.quirks.styleParser.unparseColor([170, 187, 204, 1], "rgba"); // "rgba(170,187,204,1)"
* var colorStr = wysihtml5.quirks.styleParser.unparseColor([170, 187, 204, 1], "rgb"); // "rgb(170,187,204)"
*
* var colorStr = wysihtml5.quirks.styleParser.unparseColor([170, 187, 204, 0.5]); // "rgba(170,187,204,0.5)"
* var colorStr = wysihtml5.quirks.styleParser.unparseColor([170, 187, 204, 1]); // "rgb(170,187,204)"
*/
unparseColor: function(val, colorFormat) {
var hexRadix = 16;
if (colorFormat === "hex") {
return (val[0].toString(hexRadix) + val[1].toString(hexRadix) + val[2].toString(hexRadix)).toUpperCase();
} else if (colorFormat === "hash") {
return "#" + (val[0].toString(hexRadix) + val[1].toString(hexRadix) + val[2].toString(hexRadix)).toUpperCase();
} else if (colorFormat === "rgb") {
return "rgb(" + val[0] + "," + val[1] + "," + val[2] + ")";
} else if (colorFormat === "rgba") {
return "rgba(" + val[0] + "," + val[1] + "," + val[2] + "," + val[3] + ")";
} else if (colorFormat === "csv") {
return val[0] + "," + val[1] + "," + val[2] + "," + val[3];
}
if (val[3] && val[3] !== 1) {
return "rgba(" + val[0] + "," + val[1] + "," + val[2] + "," + val[3] + ")";
} else {
return "rgb(" + val[0] + "," + val[1] + "," + val[2] + ")";
}
},
// Parses font size value from style string
parseFontSize: function(stylesStr) {
var params = stylesStr.match(makeParamRegExp("font-size"));
if (params) {
return wysihtml5.lang.string(params[params.length - 1].split(":")[1]).trim();
}
return false;
}
};
})(wysihtml5);
;/**
* Selection API
*
* @example
* var selection = new wysihtml5.Selection(editor);
*/
(function(wysihtml5) {
var dom = wysihtml5.dom;
function _getCumulativeOffsetTop(element) {
var top = 0;
if (element.parentNode) {
do {
top += element.offsetTop || 0;
element = element.offsetParent;
} while (element);
}
return top;
}
// Provides the depth of ``descendant`` relative to ``ancestor``
function getDepth(ancestor, descendant) {
var ret = 0;
while (descendant !== ancestor) {
ret++;
descendant = descendant.parentNode;
if (!descendant)
throw new Error("not a descendant of ancestor!");
}
return ret;
}
function getWebkitSelectionFixNode(container) {
var blankNode = document.createElement('span');
var placeholderRemover = function(event) {
// Self-destructs the caret and keeps the text inserted into it by user
var lastChild;
container.removeEventListener('mouseup', placeholderRemover);
container.removeEventListener('keydown', placeholderRemover);
container.removeEventListener('touchstart', placeholderRemover);
container.removeEventListener('focus', placeholderRemover);
container.removeEventListener('blur', placeholderRemover);
container.removeEventListener('paste', delayedPlaceholderRemover);
container.removeEventListener('drop', delayedPlaceholderRemover);
container.removeEventListener('beforepaste', delayedPlaceholderRemover);
if (blankNode && blankNode.parentNode) {
blankNode.parentNode.removeChild(blankNode);
}
},
delayedPlaceholderRemover = function (event) {
if (blankNode && blankNode.parentNode) {
setTimeout(placeholderRemover, 0);
}
};
blankNode.appendChild(document.createTextNode(wysihtml5.INVISIBLE_SPACE));
blankNode.className = '_wysihtml5-temp-caret-fix';
blankNode.style.display = 'block';
blankNode.style.minWidth = '1px';
blankNode.style.height = '0px';
container.addEventListener('mouseup', placeholderRemover);
container.addEventListener('keydown', placeholderRemover);
container.addEventListener('touchstart', placeholderRemover);
container.addEventListener('focus', placeholderRemover);
container.addEventListener('blur', placeholderRemover);
container.addEventListener('paste', delayedPlaceholderRemover);
container.addEventListener('drop', delayedPlaceholderRemover);
container.addEventListener('beforepaste', delayedPlaceholderRemover);
return blankNode;
}
// Should fix the obtained ranges that cannot surrond contents normally to apply changes upon
// Being considerate to firefox that sets range start start out of span and end inside on doubleclick initiated selection
function expandRangeToSurround(range) {
if (range.canSurroundContents()) return;
var common = range.commonAncestorContainer,
start_depth = getDepth(common, range.startContainer),
end_depth = getDepth(common, range.endContainer);
while(!range.canSurroundContents()) {
// In the following branches, we cannot just decrement the depth variables because the setStartBefore/setEndAfter may move the start or end of the range more than one level relative to ``common``. So we need to recompute the depth.
if (start_depth > end_depth) {
range.setStartBefore(range.startContainer);
start_depth = getDepth(common, range.startContainer);
}
else {
range.setEndAfter(range.endContainer);
end_depth = getDepth(common, range.endContainer);
}
}
}
wysihtml5.Selection = Base.extend(
/** @scope wysihtml5.Selection.prototype */ {
constructor: function(editor, contain, unselectableClass) {
// Make sure that our external range library is initialized
window.rangy.init();
this.editor = editor;
this.composer = editor.composer;
this.doc = this.composer.doc;
this.win = this.composer.win;
this.contain = contain;
this.unselectableClass = unselectableClass || false;
},
/**
* Get the current selection as a bookmark to be able to later restore it
*
* @return {Object} An object that represents the current selection
*/
getBookmark: function() {
var range = this.getRange();
return range && range.cloneRange();
},
/**
* Restore a selection retrieved via wysihtml5.Selection.prototype.getBookmark
*
* @param {Object} bookmark An object that represents the current selection
*/
setBookmark: function(bookmark) {
if (!bookmark) {
return;
}
this.setSelection(bookmark);
},
/**
* Set the caret in front of the given node
*
* @param {Object} node The element or text node where to position the caret in front of
* @example
* selection.setBefore(myElement);
*/
setBefore: function(node) {
var range = rangy.createRange(this.doc);
range.setStartBefore(node);
range.setEndBefore(node);
return this.setSelection(range);
},
// Constructs a self removing whitespace (ain absolute positioned span) for placing selection caret when normal methods fail.
// Webkit has an issue with placing caret into places where there are no textnodes near by.
createTemporaryCaretSpaceAfter: function (node) {
var caretPlaceholder = this.doc.createElement('span'),
caretPlaceholderText = this.doc.createTextNode(wysihtml5.INVISIBLE_SPACE),
placeholderRemover = (function(event) {
// Self-destructs the caret and keeps the text inserted into it by user
var lastChild;
this.contain.removeEventListener('mouseup', placeholderRemover);
this.contain.removeEventListener('keydown', keyDownHandler);
this.contain.removeEventListener('touchstart', placeholderRemover);
this.contain.removeEventListener('focus', placeholderRemover);
this.contain.removeEventListener('blur', placeholderRemover);
this.contain.removeEventListener('paste', delayedPlaceholderRemover);
this.contain.removeEventListener('drop', delayedPlaceholderRemover);
this.contain.removeEventListener('beforepaste', delayedPlaceholderRemover);
// If user inserted sth it is in the placeholder and sgould be unwrapped and stripped of invisible whitespace hack
// Otherwise the wrapper can just be removed
if (caretPlaceholder && caretPlaceholder.parentNode) {
caretPlaceholder.innerHTML = caretPlaceholder.innerHTML.replace(wysihtml5.INVISIBLE_SPACE_REG_EXP, "");
if ((/[^\s]+/).test(caretPlaceholder.innerHTML)) {
lastChild = caretPlaceholder.lastChild;
wysihtml5.dom.unwrap(caretPlaceholder);
this.setAfter(lastChild);
} else {
caretPlaceholder.parentNode.removeChild(caretPlaceholder);
}
}
}).bind(this),
delayedPlaceholderRemover = function (event) {
if (caretPlaceholder && caretPlaceholder.parentNode) {
setTimeout(placeholderRemover, 0);
}
},
keyDownHandler = function(event) {
if (event.which !== 8 && event.which !== 91 && event.which !== 17 && (event.which !== 86 || (!event.ctrlKey && !event.metaKey))) {
placeholderRemover();
}
};
caretPlaceholder.className = '_wysihtml5-temp-caret-fix';
caretPlaceholder.style.position = 'absolute';
caretPlaceholder.style.display = 'block';
caretPlaceholder.style.minWidth = '1px';
caretPlaceholder.style.zIndex = '99999';
caretPlaceholder.appendChild(caretPlaceholderText);
node.parentNode.insertBefore(caretPlaceholder, node.nextSibling);
this.setBefore(caretPlaceholderText);
// Remove the caret fix on any of the following events (some are delayed as content change happens after event)
this.contain.addEventListener('mouseup', placeholderRemover);
this.contain.addEventListener('keydown', keyDownHandler);
this.contain.addEventListener('touchstart', placeholderRemover);
this.contain.addEventListener('focus', placeholderRemover);
this.contain.addEventListener('blur', placeholderRemover);
this.contain.addEventListener('paste', delayedPlaceholderRemover);
this.contain.addEventListener('drop', delayedPlaceholderRemover);
this.contain.addEventListener('beforepaste', delayedPlaceholderRemover);
return caretPlaceholder;
},
/**
* Set the caret after the given node
*
* @param {Object} node The element or text node where to position the caret in front of
* @example
* selection.setBefore(myElement);
* callback is an optional parameter accepting a function to execute when selection ahs been set
*/
setAfter: function(node, notVisual, callback) {
var win = this.win,
range = rangy.createRange(this.doc),
fixWebkitSelection = function() {
// Webkit fails to add selection if there are no textnodes in that region
// (like an uneditable container at the end of content).
var parent = node.parentNode,
lastSibling = parent ? parent.childNodes[parent.childNodes.length - 1] : null;
if (!sel || (lastSibling === node && node.nodeType === 1 && win.getComputedStyle(node).display === "block")) {
if (notVisual) {
// If setAfter is used as internal between actions, self-removing caretPlaceholder has simpler implementation
// and remove itself in call stack end instead on user interaction
var caretPlaceholder = this.doc.createTextNode(wysihtml5.INVISIBLE_SPACE);
node.parentNode.insertBefore(caretPlaceholder, node.nextSibling);
this.selectNode(caretPlaceholder);
setTimeout(function() {
if (caretPlaceholder && caretPlaceholder.parentNode) {
caretPlaceholder.parentNode.removeChild(caretPlaceholder);
}
}, 0);
} else {
this.createTemporaryCaretSpaceAfter(node);
}
}
}.bind(this),
sel;
range.setStartAfter(node);
range.setEndAfter(node);
// In IE contenteditable must be focused before we can set selection
// thus setting the focus if activeElement is not this composer
if (!document.activeElement || document.activeElement !== this.composer.element) {
var scrollPos = this.composer.getScrollPos();
this.composer.element.focus();
this.composer.setScrollPos(scrollPos);
setTimeout(function() {
sel = this.setSelection(range);
fixWebkitSelection();
if (callback) {
callback(sel);
}
}.bind(this), 0);
} else {
sel = this.setSelection(range);
fixWebkitSelection();
if (callback) {
callback(sel);
}
}
},
/**
* Ability to select/mark nodes
*
* @param {Element} node The node/element to select
* @example
* selection.selectNode(document.getElementById("my-image"));
*/
selectNode: function(node, avoidInvisibleSpace) {
var range = rangy.createRange(this.doc),
isElement = node.nodeType === wysihtml5.ELEMENT_NODE,
canHaveHTML = "canHaveHTML" in node ? node.canHaveHTML : (node.nodeName !== "IMG"),
content = isElement ? node.innerHTML : node.data,
isEmpty = (content === "" || content === wysihtml5.INVISIBLE_SPACE),
displayStyle = dom.getStyle("display").from(node),
isBlockElement = (displayStyle === "block" || displayStyle === "list-item");
if (isEmpty && isElement && canHaveHTML && !avoidInvisibleSpace) {
// Make sure that caret is visible in node by inserting a zero width no breaking space
try { node.innerHTML = wysihtml5.INVISIBLE_SPACE; } catch(e) {}
}
if (canHaveHTML) {
range.selectNodeContents(node);
} else {
range.selectNode(node);
}
if (canHaveHTML && isEmpty && isElement) {
range.collapse(isBlockElement);
} else if (canHaveHTML && isEmpty) {
range.setStartAfter(node);
range.setEndAfter(node);
}
this.setSelection(range);
},
/**
* Get the node which contains the selection
*
* @param {Boolean} [controlRange] (only IE) Whether it should return the selected ControlRange element when the selection type is a "ControlRange"
* @return {Object} The node that contains the caret
* @example
* var nodeThatContainsCaret = selection.getSelectedNode();
*/
getSelectedNode: function(controlRange) {
var selection,
range;
if (controlRange && this.doc.selection && this.doc.selection.type === "Control") {
range = this.doc.selection.createRange();
if (range && range.length) {
return range.item(0);
}
}
selection = this.getSelection(this.doc);
if (selection.focusNode === selection.anchorNode) {
return selection.focusNode;
} else {
range = this.getRange(this.doc);
return range ? range.commonAncestorContainer : this.doc.body;
}
},
fixSelBorders: function() {
var range = this.getRange();
expandRangeToSurround(range);
this.setSelection(range);
},
getSelectedOwnNodes: function(controlRange) {
var selection,
ranges = this.getOwnRanges(),
ownNodes = [];
for (var i = 0, maxi = ranges.length; i < maxi; i++) {
ownNodes.push(ranges[i].commonAncestorContainer || this.doc.body);
}
return ownNodes;
},
findNodesInSelection: function(nodeTypes) {
var ranges = this.getOwnRanges(),
nodes = [], curNodes;
for (var i = 0, maxi = ranges.length; i < maxi; i++) {
curNodes = ranges[i].getNodes([1], function(node) {
return wysihtml5.lang.array(nodeTypes).contains(node.nodeName);
});
nodes = nodes.concat(curNodes);
}
return nodes;
},
filterElements: function(filter) {
var ranges = this.getOwnRanges(),
nodes = [], curNodes;
for (var i = 0, maxi = ranges.length; i < maxi; i++) {
curNodes = ranges[i].getNodes([1], function(element){
return filter(element, ranges[i]);
});
nodes = nodes.concat(curNodes);
}
return nodes;
},
containsUneditable: function() {
var uneditables = this.getOwnUneditables(),
selection = this.getSelection();
for (var i = 0, maxi = uneditables.length; i < maxi; i++) {
if (selection.containsNode(uneditables[i])) {
return true;
}
}
return false;
},
// Deletes selection contents making sure uneditables/unselectables are not partially deleted
// Triggers wysihtml5:uneditable:delete custom event on all deleted uneditables if customevents suppoorted
deleteContents: function() {
var range = this.getRange();
this.deleteRangeContents(range);
this.setSelection(range);
},
// Makes sure all uneditable sare notified before deleting contents
deleteRangeContents: function (range) {
var startParent, endParent, uneditables, ev;
if (this.unselectableClass) {
if ((startParent = wysihtml5.dom.getParentElement(range.startContainer, { query: "." + this.unselectableClass }, false, this.contain))) {
range.setStartBefore(startParent);
}
if ((endParent = wysihtml5.dom.getParentElement(range.endContainer, { query: "." + this.unselectableClass }, false, this.contain))) {
range.setEndAfter(endParent);
}
// If customevents present notify uneditable elements of being deleted
uneditables = range.getNodes([1], (function (node) {
return wysihtml5.dom.hasClass(node, this.unselectableClass);
}).bind(this));
for (var i = uneditables.length; i--;) {
try {
ev = new CustomEvent("wysihtml5:uneditable:delete");
uneditables[i].dispatchEvent(ev);
} catch (err) {}
}
}
range.deleteContents();
},
getPreviousNode: function(node, ignoreEmpty) {
var displayStyle;
if (!node) {
var selection = this.getSelection();
node = selection.anchorNode;
}
if (node === this.contain) {
return false;
}
var ret = node.previousSibling,
parent;
if (ret === this.contain) {
return false;
}
if (ret && ret.nodeType !== 3 && ret.nodeType !== 1) {
// do not count comments and other node types
ret = this.getPreviousNode(ret, ignoreEmpty);
} else if (ret && ret.nodeType === 3 && (/^\s*$/).test(ret.textContent)) {
// do not count empty textnodes as previous nodes
ret = this.getPreviousNode(ret, ignoreEmpty);
} else if (ignoreEmpty && ret && ret.nodeType === 1) {
// Do not count empty nodes if param set.
// Contenteditable tends to bypass and delete these silently when deleting with caret when element is inline-like
displayStyle = wysihtml5.dom.getStyle("display").from(ret);
if (
!wysihtml5.lang.array(["BR", "HR", "IMG"]).contains(ret.nodeName) &&
!wysihtml5.lang.array(["block", "inline-block", "flex", "list-item", "table"]).contains(displayStyle) &&
(/^[\s]*$/).test(ret.innerHTML)
) {
ret = this.getPreviousNode(ret, ignoreEmpty);
}
} else if (!ret && node !== this.contain) {
parent = node.parentNode;
if (parent !== this.contain) {
ret = this.getPreviousNode(parent, ignoreEmpty);
}
}
return (ret !== this.contain) ? ret : false;
},
getSelectionParentsByTag: function(tagName) {
var nodes = this.getSelectedOwnNodes(),
curEl, parents = [];
for (var i = 0, maxi = nodes.length; i < maxi; i++) {
curEl = (nodes[i].nodeName && nodes[i].nodeName === 'LI') ? nodes[i] : wysihtml5.dom.getParentElement(nodes[i], { query: 'li'}, false, this.contain);
if (curEl) {
parents.push(curEl);
}
}
return (parents.length) ? parents : null;
},
getRangeToNodeEnd: function() {
if (this.isCollapsed()) {
var range = this.getRange(),
sNode = range.startContainer,
pos = range.startOffset,
lastR = rangy.createRange(this.doc);
lastR.selectNodeContents(sNode);
lastR.setStart(sNode, pos);
return lastR;
}
},
caretIsLastInSelection: function() {
var r = rangy.createRange(this.doc),
s = this.getSelection(),
endc = this.getRangeToNodeEnd().cloneContents(),
endtxt = endc.textContent;
return (/^\s*$/).test(endtxt);
},
caretIsFirstInSelection: function() {
var r = rangy.createRange(this.doc),
s = this.getSelection(),
range = this.getRange(),
startNode = range.startContainer;
if (startNode) {
if (startNode.nodeType === wysihtml5.TEXT_NODE) {
return this.isCollapsed() && (startNode.nodeType === wysihtml5.TEXT_NODE && (/^\s*$/).test(startNode.data.substr(0,range.startOffset)));
} else {
r.selectNodeContents(this.getRange().commonAncestorContainer);
r.collapse(true);
return (this.isCollapsed() && (r.startContainer === s.anchorNode || r.endContainer === s.anchorNode) && r.startOffset === s.anchorOffset);
}
}
},
caretIsInTheBeginnig: function(ofNode) {
var selection = this.getSelection(),
node = selection.anchorNode,
offset = selection.anchorOffset;
if (ofNode && node) {
return (offset === 0 && (node.nodeName && node.nodeName === ofNode.toUpperCase() || wysihtml5.dom.getParentElement(node.parentNode, { query: ofNode }, 1)));
} else if (node) {
return (offset === 0 && !this.getPreviousNode(node, true));
}
},
// Returns object describing node/text before selection
// If includePrevLeaves is true returns also previous last leaf child if selection is in the beginning of current node
getBeforeSelection: function(includePrevLeaves) {
var sel = this.getSelection(),
startNode = (sel.isBackwards()) ? sel.focusNode : sel.anchorNode,
startOffset = (sel.isBackwards()) ? sel.focusOffset : sel.anchorOffset,
rng = this.createRange(), endNode, inTmpCaret;
// Escape temproray helper nodes if selection in them
inTmpCaret = wysihtml5.dom.getParentElement(startNode, { query: '._wysihtml5-temp-caret-fix' }, 1);
if (inTmpCaret) {
startNode = inTmpCaret.parentNode;
startOffset = Array.prototype.indexOf.call(startNode.childNodes, inTmpCaret);
}
if (startNode) {
if (startOffset > 0) {
if (startNode.nodeType === 3) {
rng.setStart(startNode, 0);
rng.setEnd(startNode, startOffset);
return {
type: "text",
range: rng,
offset : startOffset,
node: startNode
};
} else {
rng.setStartBefore(startNode.childNodes[0]);
endNode = startNode.childNodes[startOffset - 1];
rng.setEndAfter(endNode);
return {
type: "element",
range: rng,
offset : startOffset,
node: endNode
};
}
} else {
rng.setStartAndEnd(startNode, 0);
if (includePrevLeaves) {
var prevNode = this.getPreviousNode(startNode, true),
prevLeaf = null;
if(prevNode) {
if (prevNode.nodeType === 1 && wysihtml5.dom.hasClass(prevNode, this.unselectableClass)) {
prevLeaf = prevNode;
} else {
prevLeaf = wysihtml5.dom.domNode(prevNode).lastLeafNode();
}
}
if (prevLeaf) {
return {
type: "leafnode",
range: rng,
offset : startOffset,
node: prevLeaf
};
}
}
return {
type: "none",
range: rng,
offset : startOffset,
node: startNode
};
}
}
return null;
},
// TODO: Figure out a method from following 2 that would work universally
executeAndRestoreRangy: function(method, restoreScrollPosition) {
var sel = rangy.saveSelection(this.win);
if (!sel) {
method();
} else {
try {
method();
} catch(e) {
setTimeout(function() { throw e; }, 0);
}
}
rangy.restoreSelection(sel);
},
// TODO: has problems in chrome 12. investigate block level and uneditable area inbetween
executeAndRestore: function(method, restoreScrollPosition) {
var body = this.doc.body,
oldScrollTop = restoreScrollPosition && body.scrollTop,
oldScrollLeft = restoreScrollPosition && body.scrollLeft,
className = "_wysihtml5-temp-placeholder",
placeholderHtml = '' + wysihtml5.INVISIBLE_SPACE + '',
range = this.getRange(true),
caretPlaceholder,
newCaretPlaceholder,
nextSibling, prevSibling,
node, node2, range2,
newRange;
// Nothing selected, execute and say goodbye
if (!range) {
method(body, body);
return;
}
if (!range.collapsed) {
range2 = range.cloneRange();
node2 = range2.createContextualFragment(placeholderHtml);
range2.collapse(false);
range2.insertNode(node2);
range2.detach();
}
node = range.createContextualFragment(placeholderHtml);
range.insertNode(node);
if (node2) {
caretPlaceholder = this.contain.querySelectorAll("." + className);
range.setStartBefore(caretPlaceholder[0]);
range.setEndAfter(caretPlaceholder[caretPlaceholder.length -1]);
}
this.setSelection(range);
// Make sure that a potential error doesn't cause our placeholder element to be left as a placeholder
try {
method(range.startContainer, range.endContainer);
} catch(e) {
setTimeout(function() { throw e; }, 0);
}
caretPlaceholder = this.contain.querySelectorAll("." + className);
if (caretPlaceholder && caretPlaceholder.length) {
newRange = rangy.createRange(this.doc);
nextSibling = caretPlaceholder[0].nextSibling;
if (caretPlaceholder.length > 1) {
prevSibling = caretPlaceholder[caretPlaceholder.length -1].previousSibling;
}
if (prevSibling && nextSibling) {
newRange.setStartBefore(nextSibling);
newRange.setEndAfter(prevSibling);
} else {
newCaretPlaceholder = this.doc.createTextNode(wysihtml5.INVISIBLE_SPACE);
dom.insert(newCaretPlaceholder).after(caretPlaceholder[0]);
newRange.setStartBefore(newCaretPlaceholder);
newRange.setEndAfter(newCaretPlaceholder);
}
this.setSelection(newRange);
for (var i = caretPlaceholder.length; i--;) {
caretPlaceholder[i].parentNode.removeChild(caretPlaceholder[i]);
}
} else {
// fallback for when all hell breaks loose
this.contain.focus();
}
if (restoreScrollPosition) {
body.scrollTop = oldScrollTop;
body.scrollLeft = oldScrollLeft;
}
// Remove it again, just to make sure that the placeholder is definitely out of the dom tree
try {
caretPlaceholder.parentNode.removeChild(caretPlaceholder);
} catch(e2) {}
},
set: function(node, offset) {
var newRange = rangy.createRange(this.doc);
newRange.setStart(node, offset || 0);
this.setSelection(newRange);
},
/**
* Insert html at the caret or selection position and move the cursor after the inserted html
* Replaces selection content if present
*
* @param {String} html HTML string to insert
* @example
* selection.insertHTML("foobar
");
*/
insertHTML: function(html) {
var range = this.getRange(),
node = this.doc.createElement('DIV'),
fragment = this.doc.createDocumentFragment(),
lastChild, lastEditorElement;
if (range) {
range.deleteContents();
node.innerHTML = html;
lastChild = node.lastChild;
while (node.firstChild) {
fragment.appendChild(node.firstChild);
}
range.insertNode(fragment);
lastEditorElement = this.contain.lastChild;
while (lastEditorElement && lastEditorElement.nodeType === 3 && lastEditorElement.previousSibling && (/^\s*$/).test(lastEditorElement.data)) {
lastEditorElement = lastEditorElement.previousSibling;
}
if (lastChild) {
// fixes some pad cases mostly on webkit where last nr is needed
if (lastEditorElement && lastChild === lastEditorElement && lastChild.nodeType === 1) {
this.contain.appendChild(this.doc.createElement('br'));
}
this.setAfter(lastChild);
}
}
},
/**
* Insert a node at the caret position and move the cursor behind it
*
* @param {Object} node HTML string to insert
* @example
* selection.insertNode(document.createTextNode("foobar"));
*/
insertNode: function(node) {
var range = this.getRange();
if (range) {
range.insertNode(node);
}
},
canAppendChild: function (node) {
var anchorNode, anchorNodeTagNameLower,
voidElements = ["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"],
range = this.getRange();
anchorNode = node || range.startContainer;
if (anchorNode) {
anchorNodeTagNameLower = (anchorNode.tagName || anchorNode.nodeName).toLowerCase();
}
return voidElements.indexOf(anchorNodeTagNameLower) === -1;
},
splitElementAtCaret: function (element, insertNode) {
var sel = this.getSelection(),
range, contentAfterRangeStart,
firstChild, lastChild, childNodes;
if (sel.rangeCount > 0) {
range = sel.getRangeAt(0).cloneRange(); // Create a copy of the selection range to work with
range.setEndAfter(element); // Place the end of the range after the element
contentAfterRangeStart = range.extractContents(); // Extract the contents of the element after the caret into a fragment
childNodes = contentAfterRangeStart.childNodes;
// Empty elements are cleaned up from extracted content
for (var i = childNodes.length; i --;) {
if (!wysihtml5.dom.domNode(childNodes[i]).is.visible()) {
contentAfterRangeStart.removeChild(childNodes[i]);
}
}
element.parentNode.insertBefore(contentAfterRangeStart, element.nextSibling);
if (insertNode) {
firstChild = insertNode.firstChild || insertNode;
lastChild = insertNode.lastChild || insertNode;
element.parentNode.insertBefore(insertNode, element.nextSibling);
// Select inserted node contents
if (firstChild && lastChild) {
range.setStartBefore(firstChild);
range.setEndAfter(lastChild);
this.setSelection(range);
}
} else {
range.setStartAfter(element);
range.setEndAfter(element);
}
if (!wysihtml5.dom.domNode(element).is.visible()) {
if (wysihtml5.dom.getTextContent(element) === '') {
element.parentNode.removeChild(element);
} else {
element.parentNode.replaceChild(this.doc.createTextNode(" "), element);
}
}
}
},
/**
* Wraps current selection with the given node
*
* @param {Object} node The node to surround the selected elements with
*/
surround: function(nodeOptions) {
var ranges = this.getOwnRanges(),
node, nodes = [];
if (ranges.length == 0) {
return nodes;
}
for (var i = ranges.length; i--;) {
node = this.doc.createElement(nodeOptions.nodeName);
nodes.push(node);
if (nodeOptions.className) {
node.className = nodeOptions.className;
}
if (nodeOptions.cssStyle) {
node.setAttribute('style', nodeOptions.cssStyle);
}
try {
// This only works when the range boundaries are not overlapping other elements
ranges[i].surroundContents(node);
this.selectNode(node);
} catch(e) {
// fallback
node.appendChild(ranges[i].extractContents());
ranges[i].insertNode(node);
}
}
return nodes;
},
deblockAndSurround: function(nodeOptions) {
var tempElement = this.doc.createElement('div'),
range = rangy.createRange(this.doc),
tempDivElements,
tempElements,
firstChild;
tempElement.className = nodeOptions.className;
this.composer.commands.exec("formatBlock", nodeOptions);
tempDivElements = this.contain.querySelectorAll("." + nodeOptions.className);
if (tempDivElements[0]) {
tempDivElements[0].parentNode.insertBefore(tempElement, tempDivElements[0]);
range.setStartBefore(tempDivElements[0]);
range.setEndAfter(tempDivElements[tempDivElements.length - 1]);
tempElements = range.extractContents();
while (tempElements.firstChild) {
firstChild = tempElements.firstChild;
if (firstChild.nodeType == 1 && wysihtml5.dom.hasClass(firstChild, nodeOptions.className)) {
while (firstChild.firstChild) {
tempElement.appendChild(firstChild.firstChild);
}
if (firstChild.nodeName !== "BR") { tempElement.appendChild(this.doc.createElement('br')); }
tempElements.removeChild(firstChild);
} else {
tempElement.appendChild(firstChild);
}
}
} else {
tempElement = null;
}
return tempElement;
},
/**
* Scroll the current caret position into the view
* FIXME: This is a bit hacky, there might be a smarter way of doing this
*
* @example
* selection.scrollIntoView();
*/
scrollIntoView: function() {
var doc = this.doc,
tolerance = 5, // px
hasScrollBars = doc.documentElement.scrollHeight > doc.documentElement.offsetHeight,
tempElement = doc._wysihtml5ScrollIntoViewElement = doc._wysihtml5ScrollIntoViewElement || (function() {
var element = doc.createElement("span");
// The element needs content in order to be able to calculate it's position properly
element.innerHTML = wysihtml5.INVISIBLE_SPACE;
return element;
})(),
offsetTop;
if (hasScrollBars) {
this.insertNode(tempElement);
offsetTop = _getCumulativeOffsetTop(tempElement);
tempElement.parentNode.removeChild(tempElement);
if (offsetTop >= (doc.body.scrollTop + doc.documentElement.offsetHeight - tolerance)) {
doc.body.scrollTop = offsetTop;
}
}
},
/**
* Select line where the caret is in
*/
selectLine: function() {
var r = rangy.createRange();
if (wysihtml5.browser.supportsSelectionModify()) {
this._selectLine_W3C();
} else if (r.nativeRange && r.nativeRange.getBoundingClientRect) {
// For IE Edge as it ditched the old api and did not fully implement the new one (as expected)*/
this._selectLineUniversal();
}
},
includeRangyRangeHelpers: function() {
var s = this.getSelection(),
r = s.getRangeAt(0),
isHelperNode = function(node) {
return (node && node.nodeType === 1 && node.classList.contains('rangySelectionBoundary'));
},
getNodeLength = function (node) {
if (node.nodeType === 1) {
return node.childNodes && node.childNodes.length || 0;
} else {
return node.data && node.data.length || 0;
}
// body...
},
anode = s.anchorNode.nodeType === 1 ? s.anchorNode.childNodes[s.anchorOffset] : s.anchorNode,
fnode = s.focusNode.nodeType === 1 ? s.focusNode.childNodes[s.focusOffset] : s.focusNode;
if (fnode && s.focusOffset === getNodeLength(fnode) && fnode.nextSibling && isHelperNode(fnode.nextSibling)) {
r.setEndAfter(fnode.nextSibling);
}
if (anode && s.anchorOffset === 0 && anode.previousSibling && isHelperNode(anode.previousSibling)) {
r.setStartBefore(anode.previousSibling);
}
r.select();
},
/**
* See https://developer.mozilla.org/en/DOM/Selection/modify
*/
_selectLine_W3C: function() {
var selection = this.win.getSelection(),
initialBoundry = [selection.anchorNode, selection.anchorOffset, selection.focusNode, selection.focusOffset];
selection.modify("move", "left", "lineboundary");
selection.modify("extend", "right", "lineboundary");
// IF lineboundary extending did not change selection try universal fallback (FF fails sometimes without a reason)
if (selection.anchorNode === initialBoundry[0] &&
selection.anchorOffset === initialBoundry[1] &&
selection.focusNode === initialBoundry[2] &&
selection.focusOffset === initialBoundry[3]
) {
this._selectLineUniversal();
} else {
this.includeRangyRangeHelpers();
}
},
// collapses selection to current line beginning or end
toLineBoundary: function (location, collapse) {
collapse = (typeof collapse === 'undefined') ? false : collapse;
if (wysihtml5.browser.supportsSelectionModify()) {
var selection = this.win.getSelection();
selection.modify("extend", location, "lineboundary");
if (collapse) {
if (location === "left") {
selection.collapseToStart();
} else if (location === "right") {
selection.collapseToEnd();
}
}
}
},
getRangeRect: function(r) {
var textNode = this.doc.createTextNode("i"),
testNode = this.doc.createTextNode("i"),
rect, cr;
/*testNode.style.visibility = "hidden";
testNode.style.width = "0px";
testNode.style.display = "inline-block";
testNode.style.overflow = "hidden";
testNode.appendChild(textNode);*/
if (r.collapsed) {
r.insertNode(testNode);
r.selectNode(testNode);
rect = r.nativeRange.getBoundingClientRect();
r.deleteContents();
} else {
rect = r.nativeRange.getBoundingClientRect();
}
return rect;
},
_selectLineUniversal: function() {
var s = this.getSelection(),
r = s.getRangeAt(0),
rect,
startRange, endRange, testRange,
count = 0,
amount, testRect, found,
that = this,
isLineBreakingElement = function(el) {
return el && el.nodeType === 1 && (that.win.getComputedStyle(el).display === "block" || wysihtml5.lang.array(['BR', 'HR']).contains(el.nodeName));
},
prevNode = function(node) {
var pnode = node;
if (pnode) {
while (pnode && ((pnode.nodeType === 1 && pnode.classList.contains('rangySelectionBoundary')) || (pnode.nodeType === 3 && (/^\s*$/).test(pnode.data)))) {
pnode = pnode.previousSibling;
}
}
return pnode;
};
startRange = r.cloneRange();
endRange = r.cloneRange();
if (r.collapsed) {
// Collapsed state can not have a bounding rect. Thus need to expand it at least by 1 character first while not crossing line boundary
// TODO: figure out a shorter and more readable way
if (r.startContainer.nodeType === 3 && r.startOffset < r.startContainer.data.length) {
r.moveEnd('character', 1);
} else if (r.startContainer.nodeType === 1 && r.startContainer.childNodes[r.startOffset] && r.startContainer.childNodes[r.startOffset].nodeType === 3 && r.startContainer.childNodes[r.startOffset].data.length > 0) {
r.moveEnd('character', 1);
} else if (r.startOffset > 0 && ( r.startContainer.nodeType === 3 || (r.startContainer.nodeType === 1 && !isLineBreakingElement(prevNode(r.startContainer.childNodes[r.startOffset - 1]))))) {
r.moveStart('character', -1);
}
}
if (!r.collapsed) {
r.insertNode(this.doc.createTextNode(wysihtml5.INVISIBLE_SPACE));
}
// Is probably just empty line as can not be expanded
rect = r.nativeRange.getBoundingClientRect();
do {
amount = r.moveStart('character', -1);
testRect = r.nativeRange.getBoundingClientRect();
if (!testRect || Math.floor(testRect.top) !== Math.floor(rect.top)) {
r.moveStart('character', 1);
found = true;
}
count++;
} while (amount !== 0 && !found && count < 2000);
count = 0;
found = false;
rect = r.nativeRange.getBoundingClientRect();
do {
amount = r.moveEnd('character', 1);
testRect = r.nativeRange.getBoundingClientRect();
if (!testRect || Math.floor(testRect.bottom) !== Math.floor(rect.bottom)) {
r.moveEnd('character', -1);
// Fix a IE line end marked by linebreak element although caret is before it
// If causes problems should be changed to be applied only to IE
if (r.endContainer && r.endContainer.nodeType === 1 && r.endContainer.childNodes[r.endOffset] && r.endContainer.childNodes[r.endOffset].nodeType === 1 && r.endContainer.childNodes[r.endOffset].nodeName === "BR" && r.endContainer.childNodes[r.endOffset].previousSibling) {
if (r.endContainer.childNodes[r.endOffset].previousSibling.nodeType === 1) {
r.setEnd(r.endContainer.childNodes[r.endOffset].previousSibling, r.endContainer.childNodes[r.endOffset].previousSibling.childNodes.length);
} else if (r.endContainer.childNodes[r.endOffset].previousSibling.nodeType === 3) {
r.setEnd(r.endContainer.childNodes[r.endOffset].previousSibling, r.endContainer.childNodes[r.endOffset].previousSibling.data.length);
}
}
found = true;
}
count++;
} while (amount !== 0 && !found && count < 2000);
r.select();
this.includeRangyRangeHelpers();
},
getText: function() {
var selection = this.getSelection();
return selection ? selection.toString() : "";
},
getNodes: function(nodeType, filter) {
var range = this.getRange();
if (range) {
return range.getNodes(Array.isArray(nodeType) ? nodeType : [nodeType], filter);
} else {
return [];
}
},
// Gets all the elements in selection with nodeType
// Ignores the elements not belonging to current editable area
// If filter is defined nodes must pass the filter function with true to be included in list
getOwnNodes: function(nodeType, filter, splitBounds) {
var ranges = this.getOwnRanges(),
nodes = [];
for (var r = 0, rmax = ranges.length; r < rmax; r++) {
if (ranges[r]) {
if (splitBounds) {
ranges[r].splitBoundaries();
}
nodes = nodes.concat(ranges[r].getNodes(Array.isArray(nodeType) ? nodeType : [nodeType], filter));
}
}
return nodes;
},
fixRangeOverflow: function(range) {
if (this.contain && this.contain.firstChild && range) {
var containment = range.compareNode(this.contain);
if (containment !== 2) {
if (containment === 1) {
range.setStartBefore(this.contain.firstChild);
}
if (containment === 0) {
range.setEndAfter(this.contain.lastChild);
}
if (containment === 3) {
range.setStartBefore(this.contain.firstChild);
range.setEndAfter(this.contain.lastChild);
}
} else if (this._detectInlineRangeProblems(range)) {
var previousElementSibling = range.endContainer.previousElementSibling;
if (previousElementSibling) {
range.setEnd(previousElementSibling, this._endOffsetForNode(previousElementSibling));
}
}
}
},
_endOffsetForNode: function(node) {
var range = document.createRange();
range.selectNodeContents(node);
return range.endOffset;
},
_detectInlineRangeProblems: function(range) {
var position = dom.compareDocumentPosition(range.startContainer, range.endContainer);
return (
range.endOffset == 0 &&
position & 4 //Node.DOCUMENT_POSITION_FOLLOWING
);
},
getRange: function(dontFix) {
var selection = this.getSelection(),
range = selection && selection.rangeCount && selection.getRangeAt(0);
if (dontFix !== true) {
this.fixRangeOverflow(range);
}
return range;
},
getOwnUneditables: function() {
var allUneditables = dom.query(this.contain, '.' + this.unselectableClass),
deepUneditables = dom.query(allUneditables, '.' + this.unselectableClass);
return wysihtml5.lang.array(allUneditables).without(deepUneditables);
},
// Returns an array of ranges that belong only to this editable
// Needed as uneditable block in contenteditabel can split range into pieces
// If manipulating content reverse loop is usually needed as manipulation can shift subsequent ranges
getOwnRanges: function() {
var ranges = [],
r = this.getRange(),
tmpRanges;
if (r) { ranges.push(r); }
if (this.unselectableClass && this.contain && r) {
var uneditables = this.getOwnUneditables(),
tmpRange;
if (uneditables.length > 0) {
for (var i = 0, imax = uneditables.length; i < imax; i++) {
tmpRanges = [];
for (var j = 0, jmax = ranges.length; j < jmax; j++) {
if (ranges[j]) {
switch (ranges[j].compareNode(uneditables[i])) {
case 2:
// all selection inside uneditable. remove
break;
case 3:
//section begins before and ends after uneditable. spilt
tmpRange = ranges[j].cloneRange();
tmpRange.setEndBefore(uneditables[i]);
tmpRanges.push(tmpRange);
tmpRange = ranges[j].cloneRange();
tmpRange.setStartAfter(uneditables[i]);
tmpRanges.push(tmpRange);
break;
default:
// in all other cases uneditable does not touch selection. dont modify
tmpRanges.push(ranges[j]);
}
}
ranges = tmpRanges;
}
}
}
}
return ranges;
},
getSelection: function() {
return rangy.getSelection(this.win);
},
// Sets selection in document to a given range
// Set selection method detects if it fails to set any selection in document and returns null on fail
// (especially needed in webkit where some ranges just can not create selection for no reason)
setSelection: function(range) {
var selection = rangy.getSelection(this.win);
selection.setSingleRange(range);
return (selection && selection.anchorNode && selection.focusNode) ? selection : null;
},
// Webkit has an ancient error of not selecting all contents when uneditable block element is first or last in editable area
selectAll: function() {
var range = this.createRange(),
composer = this.composer,
that = this,
blankEndNode = getWebkitSelectionFixNode(this.composer.element),
blankStartNode = getWebkitSelectionFixNode(this.composer.element),
s;
var doSelect = function() {
range.setStart(composer.element, 0);
range.setEnd(composer.element, composer.element.childNodes.length);
s = that.setSelection(range);
};
var notSelected = function() {
return !s || (s.nativeSelection && s.nativeSelection.type && (s.nativeSelection.type === "Caret" || s.nativeSelection.type === "None"));
}
wysihtml5.dom.removeInvisibleSpaces(this.composer.element);
doSelect();
if (this.composer.element.firstChild && notSelected()) {
// Try fixing end
this.composer.element.appendChild(blankEndNode);
doSelect();
if (notSelected()) {
// Remove end fix
blankEndNode.parentNode.removeChild(blankEndNode);
// Try fixing beginning
this.composer.element.insertBefore(blankStartNode, this.composer.element.firstChild);
doSelect();
if (notSelected()) {
// Try fixing both
this.composer.element.appendChild(blankEndNode);
doSelect();
}
}
}
},
createRange: function() {
return rangy.createRange(this.doc);
},
isCollapsed: function() {
return this.getSelection().isCollapsed;
},
getHtml: function() {
return this.getSelection().toHtml();
},
getPlainText: function () {
return this.getSelection().toString();
},
isEndToEndInNode: function(nodeNames) {
var range = this.getRange(),
parentElement = range.commonAncestorContainer,
startNode = range.startContainer,
endNode = range.endContainer;
if (parentElement.nodeType === wysihtml5.TEXT_NODE) {
parentElement = parentElement.parentNode;
}
if (startNode.nodeType === wysihtml5.TEXT_NODE && !(/^\s*$/).test(startNode.data.substr(range.startOffset))) {
return false;
}
if (endNode.nodeType === wysihtml5.TEXT_NODE && !(/^\s*$/).test(endNode.data.substr(range.endOffset))) {
return false;
}
while (startNode && startNode !== parentElement) {
if (startNode.nodeType !== wysihtml5.TEXT_NODE && !wysihtml5.dom.contains(parentElement, startNode)) {
return false;
}
if (wysihtml5.dom.domNode(startNode).prev({ignoreBlankTexts: true})) {
return false;
}
startNode = startNode.parentNode;
}
while (endNode && endNode !== parentElement) {
if (endNode.nodeType !== wysihtml5.TEXT_NODE && !wysihtml5.dom.contains(parentElement, endNode)) {
return false;
}
if (wysihtml5.dom.domNode(endNode).next({ignoreBlankTexts: true})) {
return false;
}
endNode = endNode.parentNode;
}
return (wysihtml5.lang.array(nodeNames).contains(parentElement.nodeName)) ? parentElement : false;
},
isInThisEditable: function() {
var sel = this.getSelection(),
fnode = sel.focusNode,
anode = sel.anchorNode;
// In IE node contains will not work for textnodes, thus taking parentNode
if (fnode && fnode.nodeType !== 1) {
fnode = fnode.parentNode;
}
if (anode && anode.nodeType !== 1) {
anode = anode.parentNode;
}
return anode && fnode &&
(wysihtml5.dom.contains(this.composer.element, fnode) || this.composer.element === fnode) &&
(wysihtml5.dom.contains(this.composer.element, anode) || this.composer.element === anode);
},
deselect: function() {
var sel = this.getSelection();
sel && sel.removeAllRanges();
}
});
})(wysihtml5);
;/**
* Inspired by the rangy CSS Applier module written by Tim Down and licensed under the MIT license.
* http://code.google.com/p/rangy/
*
* changed in order to be able ...
* - to use custom tags
* - to detect and replace similar css classes via reg exp
*/
(function(wysihtml5, rangy) {
var defaultTagName = "span";
var REG_EXP_WHITE_SPACE = /\s+/g;
function hasClass(el, cssClass, regExp) {
if (!el.className) {
return false;
}
var matchingClassNames = el.className.match(regExp) || [];
return matchingClassNames[matchingClassNames.length - 1] === cssClass;
}
function hasStyleAttr(el, regExp) {
if (!el.getAttribute || !el.getAttribute('style')) {
return false;
}
var matchingStyles = el.getAttribute('style').match(regExp);
return (el.getAttribute('style').match(regExp)) ? true : false;
}
function addStyle(el, cssStyle, regExp) {
if (el.getAttribute('style')) {
removeStyle(el, regExp);
if (el.getAttribute('style') && !(/^\s*$/).test(el.getAttribute('style'))) {
el.setAttribute('style', cssStyle + ";" + el.getAttribute('style'));
} else {
el.setAttribute('style', cssStyle);
}
} else {
el.setAttribute('style', cssStyle);
}
}
function addClass(el, cssClass, regExp) {
if (el.className) {
removeClass(el, regExp);
el.className += " " + cssClass;
} else {
el.className = cssClass;
}
}
function removeClass(el, regExp) {
if (el.className) {
el.className = el.className.replace(regExp, "");
}
}
function removeStyle(el, regExp) {
var s,
s2 = [];
if (el.getAttribute('style')) {
s = el.getAttribute('style').split(';');
for (var i = s.length; i--;) {
if (!s[i].match(regExp) && !(/^\s*$/).test(s[i])) {
s2.push(s[i]);
}
}
if (s2.length) {
el.setAttribute('style', s2.join(';'));
} else {
el.removeAttribute('style');
}
}
}
function getMatchingStyleRegexp(el, style) {
var regexes = [],
sSplit = style.split(';'),
elStyle = el.getAttribute('style');
if (elStyle) {
elStyle = elStyle.replace(/\s/gi, '').toLowerCase();
regexes.push(new RegExp("(^|\\s|;)" + style.replace(/\s/gi, '').replace(/([\(\)])/gi, "\\$1").toLowerCase().replace(";", ";?").replace(/rgb\\\((\d+),(\d+),(\d+)\\\)/gi, "\\s?rgb\\($1,\\s?$2,\\s?$3\\)"), "gi"));
for (var i = sSplit.length; i-- > 0;) {
if (!(/^\s*$/).test(sSplit[i])) {
regexes.push(new RegExp("(^|\\s|;)" + sSplit[i].replace(/\s/gi, '').replace(/([\(\)])/gi, "\\$1").toLowerCase().replace(";", ";?").replace(/rgb\\\((\d+),(\d+),(\d+)\\\)/gi, "\\s?rgb\\($1,\\s?$2,\\s?$3\\)"), "gi"));
}
}
for (var j = 0, jmax = regexes.length; j < jmax; j++) {
if (elStyle.match(regexes[j])) {
return regexes[j];
}
}
}
return false;
}
function isMatchingAllready(node, tags, style, className) {
if (style) {
return getMatchingStyleRegexp(node, style);
} else if (className) {
return wysihtml5.dom.hasClass(node, className);
} else {
return rangy.dom.arrayContains(tags, node.tagName.toLowerCase());
}
}
function areMatchingAllready(nodes, tags, style, className) {
for (var i = nodes.length; i--;) {
if (!isMatchingAllready(nodes[i], tags, style, className)) {
return false;
}
}
return nodes.length ? true : false;
}
function removeOrChangeStyle(el, style, regExp) {
var exactRegex = getMatchingStyleRegexp(el, style);
if (exactRegex) {
// adding same style value on property again removes style
removeStyle(el, exactRegex);
return "remove";
} else {
// adding new style value changes value
addStyle(el, style, regExp);
return "change";
}
}
function hasSameClasses(el1, el2) {
return el1.className.replace(REG_EXP_WHITE_SPACE, " ") == el2.className.replace(REG_EXP_WHITE_SPACE, " ");
}
function replaceWithOwnChildren(el) {
var parent = el.parentNode;
while (el.firstChild) {
parent.insertBefore(el.firstChild, el);
}
parent.removeChild(el);
}
function elementsHaveSameNonClassAttributes(el1, el2) {
if (el1.attributes.length != el2.attributes.length) {
return false;
}
for (var i = 0, len = el1.attributes.length, attr1, attr2, name; i < len; ++i) {
attr1 = el1.attributes[i];
name = attr1.name;
if (name != "class") {
attr2 = el2.attributes.getNamedItem(name);
if (attr1.specified != attr2.specified) {
return false;
}
if (attr1.specified && attr1.nodeValue !== attr2.nodeValue) {
return false;
}
}
}
return true;
}
function isSplitPoint(node, offset) {
if (rangy.dom.isCharacterDataNode(node)) {
if (offset == 0) {
return !!node.previousSibling;
} else if (offset == node.length) {
return !!node.nextSibling;
} else {
return true;
}
}
return offset > 0 && offset < node.childNodes.length;
}
function splitNodeAt(node, descendantNode, descendantOffset, container) {
var newNode;
if (rangy.dom.isCharacterDataNode(descendantNode)) {
if (descendantOffset == 0) {
descendantOffset = rangy.dom.getNodeIndex(descendantNode);
descendantNode = descendantNode.parentNode;
} else if (descendantOffset == descendantNode.length) {
descendantOffset = rangy.dom.getNodeIndex(descendantNode) + 1;
descendantNode = descendantNode.parentNode;
} else {
newNode = rangy.dom.splitDataNode(descendantNode, descendantOffset);
}
}
if (!newNode) {
if (!container || descendantNode !== container) {
newNode = descendantNode.cloneNode(false);
if (newNode.id) {
newNode.removeAttribute("id");
}
var child;
while ((child = descendantNode.childNodes[descendantOffset])) {
newNode.appendChild(child);
}
rangy.dom.insertAfter(newNode, descendantNode);
}
}
return (descendantNode == node) ? newNode : splitNodeAt(node, newNode.parentNode, rangy.dom.getNodeIndex(newNode), container);
}
function Merge(firstNode) {
this.isElementMerge = (firstNode.nodeType == wysihtml5.ELEMENT_NODE);
this.firstTextNode = this.isElementMerge ? firstNode.lastChild : firstNode;
this.textNodes = [this.firstTextNode];
}
Merge.prototype = {
doMerge: function() {
var textBits = [], textNode, parent, text;
for (var i = 0, len = this.textNodes.length; i < len; ++i) {
textNode = this.textNodes[i];
parent = textNode.parentNode;
textBits[i] = textNode.data;
if (i) {
parent.removeChild(textNode);
if (!parent.hasChildNodes()) {
parent.parentNode.removeChild(parent);
}
}
}
this.firstTextNode.data = text = textBits.join("");
return text;
},
getLength: function() {
var i = this.textNodes.length, len = 0;
while (i--) {
len += this.textNodes[i].length;
}
return len;
},
toString: function() {
var textBits = [];
for (var i = 0, len = this.textNodes.length; i < len; ++i) {
textBits[i] = "'" + this.textNodes[i].data + "'";
}
return "[Merge(" + textBits.join(",") + ")]";
}
};
function HTMLApplier(tagNames, cssClass, similarClassRegExp, normalize, cssStyle, similarStyleRegExp, container) {
this.tagNames = tagNames || [defaultTagName];
this.cssClass = cssClass || ((cssClass === false) ? false : "");
this.similarClassRegExp = similarClassRegExp;
this.cssStyle = cssStyle || "";
this.similarStyleRegExp = similarStyleRegExp;
this.normalize = normalize;
this.applyToAnyTagName = false;
this.container = container;
}
HTMLApplier.prototype = {
getAncestorWithClass: function(node) {
var cssClassMatch;
while (node) {
cssClassMatch = this.cssClass ? hasClass(node, this.cssClass, this.similarClassRegExp) : (this.cssStyle !== "") ? false : true;
if (node.nodeType == wysihtml5.ELEMENT_NODE && node.getAttribute("contenteditable") != "false" && rangy.dom.arrayContains(this.tagNames, node.tagName.toLowerCase()) && cssClassMatch) {
return node;
}
node = node.parentNode;
}
return false;
},
// returns parents of node with given style attribute
getAncestorWithStyle: function(node) {
var cssStyleMatch;
while (node) {
cssStyleMatch = this.cssStyle ? hasStyleAttr(node, this.similarStyleRegExp) : false;
if (node.nodeType == wysihtml5.ELEMENT_NODE && node.getAttribute("contenteditable") != "false" && rangy.dom.arrayContains(this.tagNames, node.tagName.toLowerCase()) && cssStyleMatch) {
return node;
}
node = node.parentNode;
}
return false;
},
getMatchingAncestor: function(node) {
var ancestor = this.getAncestorWithClass(node),
matchType = false;
if (!ancestor) {
ancestor = this.getAncestorWithStyle(node);
if (ancestor) {
matchType = "style";
}
} else {
if (this.cssStyle) {
matchType = "class";
}
}
return {
"element": ancestor,
"type": matchType
};
},
// Normalizes nodes after applying a CSS class to a Range.
postApply: function(textNodes, range) {
var firstNode = textNodes[0], lastNode = textNodes[textNodes.length - 1];
var merges = [], currentMerge;
var rangeStartNode = firstNode, rangeEndNode = lastNode;
var rangeStartOffset = 0, rangeEndOffset = lastNode.length;
var textNode, precedingTextNode;
for (var i = 0, len = textNodes.length; i < len; ++i) {
textNode = textNodes[i];
precedingTextNode = null;
if (textNode && textNode.parentNode) {
precedingTextNode = this.getAdjacentMergeableTextNode(textNode.parentNode, false);
}
if (precedingTextNode) {
if (!currentMerge) {
currentMerge = new Merge(precedingTextNode);
merges.push(currentMerge);
}
currentMerge.textNodes.push(textNode);
if (textNode === firstNode) {
rangeStartNode = currentMerge.firstTextNode;
rangeStartOffset = rangeStartNode.length;
}
if (textNode === lastNode) {
rangeEndNode = currentMerge.firstTextNode;
rangeEndOffset = currentMerge.getLength();
}
} else {
currentMerge = null;
}
}
// Test whether the first node after the range needs merging
if(lastNode && lastNode.parentNode) {
var nextTextNode = this.getAdjacentMergeableTextNode(lastNode.parentNode, true);
if (nextTextNode) {
if (!currentMerge) {
currentMerge = new Merge(lastNode);
merges.push(currentMerge);
}
currentMerge.textNodes.push(nextTextNode);
}
}
// Do the merges
if (merges.length) {
for (i = 0, len = merges.length; i < len; ++i) {
merges[i].doMerge();
}
// Set the range boundaries
range.setStart(rangeStartNode, rangeStartOffset);
range.setEnd(rangeEndNode, rangeEndOffset);
}
},
getAdjacentMergeableTextNode: function(node, forward) {
var isTextNode = (node.nodeType == wysihtml5.TEXT_NODE);
var el = isTextNode ? node.parentNode : node;
var adjacentNode;
var propName = forward ? "nextSibling" : "previousSibling";
if (isTextNode) {
// Can merge if the node's previous/next sibling is a text node
adjacentNode = node[propName];
if (adjacentNode && adjacentNode.nodeType == wysihtml5.TEXT_NODE) {
return adjacentNode;
}
} else {
// Compare element with its sibling
adjacentNode = el[propName];
if (adjacentNode && this.areElementsMergeable(node, adjacentNode)) {
return adjacentNode[forward ? "firstChild" : "lastChild"];
}
}
return null;
},
areElementsMergeable: function(el1, el2) {
return rangy.dom.arrayContains(this.tagNames, (el1.tagName || "").toLowerCase())
&& rangy.dom.arrayContains(this.tagNames, (el2.tagName || "").toLowerCase())
&& hasSameClasses(el1, el2)
&& elementsHaveSameNonClassAttributes(el1, el2);
},
createContainer: function(doc) {
var el = doc.createElement(this.tagNames[0]);
if (this.cssClass) {
el.className = this.cssClass;
}
if (this.cssStyle) {
el.setAttribute('style', this.cssStyle);
}
return el;
},
applyToTextNode: function(textNode) {
var parent = textNode.parentNode;
if (parent.childNodes.length == 1 && rangy.dom.arrayContains(this.tagNames, parent.tagName.toLowerCase())) {
if (this.cssClass) {
addClass(parent, this.cssClass, this.similarClassRegExp);
}
if (this.cssStyle) {
addStyle(parent, this.cssStyle, this.similarStyleRegExp);
}
} else {
var el = this.createContainer(rangy.dom.getDocument(textNode));
textNode.parentNode.insertBefore(el, textNode);
el.appendChild(textNode);
}
},
isRemovable: function(el) {
return rangy.dom.arrayContains(this.tagNames, el.tagName.toLowerCase()) &&
wysihtml5.lang.string(el.className).trim() === "" &&
(
!el.getAttribute('style') ||
wysihtml5.lang.string(el.getAttribute('style')).trim() === ""
);
},
undoToTextNode: function(textNode, range, ancestorWithClass, ancestorWithStyle) {
var styleMode = (ancestorWithClass) ? false : true,
ancestor = ancestorWithClass || ancestorWithStyle,
styleChanged = false;
if (!range.containsNode(ancestor)) {
// Split out the portion of the ancestor from which we can remove the CSS class
var ancestorRange = range.cloneRange();
ancestorRange.selectNode(ancestor);
if (ancestorRange.isPointInRange(range.endContainer, range.endOffset) && isSplitPoint(range.endContainer, range.endOffset)) {
splitNodeAt(ancestor, range.endContainer, range.endOffset, this.container);
range.setEndAfter(ancestor);
}
if (ancestorRange.isPointInRange(range.startContainer, range.startOffset) && isSplitPoint(range.startContainer, range.startOffset)) {
ancestor = splitNodeAt(ancestor, range.startContainer, range.startOffset, this.container);
}
}
if (!styleMode && this.similarClassRegExp) {
removeClass(ancestor, this.similarClassRegExp);
}
if (styleMode && this.similarStyleRegExp) {
styleChanged = (removeOrChangeStyle(ancestor, this.cssStyle, this.similarStyleRegExp) === "change");
}
if (this.isRemovable(ancestor) && !styleChanged) {
replaceWithOwnChildren(ancestor);
}
},
applyToRange: function(range) {
var textNodes;
for (var ri = range.length; ri--;) {
textNodes = range[ri].getNodes([wysihtml5.TEXT_NODE]);
if (!textNodes.length) {
try {
var node = this.createContainer(range[ri].endContainer.ownerDocument);
range[ri].surroundContents(node);
this.selectNode(range[ri], node);
return;
} catch(e) {}
}
range[ri].splitBoundaries();
textNodes = range[ri].getNodes([wysihtml5.TEXT_NODE]);
if (textNodes.length) {
var textNode;
for (var i = 0, len = textNodes.length; i < len; ++i) {
textNode = textNodes[i];
if (!this.getMatchingAncestor(textNode).element) {
this.applyToTextNode(textNode);
}
}
range[ri].setStart(textNodes[0], 0);
textNode = textNodes[textNodes.length - 1];
range[ri].setEnd(textNode, textNode.length);
if (this.normalize) {
this.postApply(textNodes, range[ri]);
}
}
}
},
undoToRange: function(range) {
var textNodes, textNode, ancestorWithClass, ancestorWithStyle, ancestor;
for (var ri = range.length; ri--;) {
textNodes = range[ri].getNodes([wysihtml5.TEXT_NODE]);
if (textNodes.length) {
range[ri].splitBoundaries();
textNodes = range[ri].getNodes([wysihtml5.TEXT_NODE]);
} else {
var doc = range[ri].endContainer.ownerDocument,
node = doc.createTextNode(wysihtml5.INVISIBLE_SPACE);
range[ri].insertNode(node);
range[ri].selectNode(node);
textNodes = [node];
}
for (var i = 0, len = textNodes.length; i < len; ++i) {
if (range[ri].isValid()) {
textNode = textNodes[i];
ancestor = this.getMatchingAncestor(textNode);
if (ancestor.type === "style") {
this.undoToTextNode(textNode, range[ri], false, ancestor.element);
} else if (ancestor.element) {
this.undoToTextNode(textNode, range[ri], ancestor.element);
}
}
}
if (len == 1) {
this.selectNode(range[ri], textNodes[0]);
} else {
range[ri].setStart(textNodes[0], 0);
textNode = textNodes[textNodes.length - 1];
range[ri].setEnd(textNode, textNode.length);
if (this.normalize) {
this.postApply(textNodes, range[ri]);
}
}
}
},
selectNode: function(range, node) {
var isElement = node.nodeType === wysihtml5.ELEMENT_NODE,
canHaveHTML = "canHaveHTML" in node ? node.canHaveHTML : true,
content = isElement ? node.innerHTML : node.data,
isEmpty = (content === "" || content === wysihtml5.INVISIBLE_SPACE);
if (isEmpty && isElement && canHaveHTML) {
// Make sure that caret is visible in node by inserting a zero width no breaking space
try { node.innerHTML = wysihtml5.INVISIBLE_SPACE; } catch(e) {}
}
range.selectNodeContents(node);
if (isEmpty && isElement) {
range.collapse(false);
} else if (isEmpty) {
range.setStartAfter(node);
range.setEndAfter(node);
}
},
getTextSelectedByRange: function(textNode, range) {
var textRange = range.cloneRange();
textRange.selectNodeContents(textNode);
var intersectionRange = textRange.intersection(range);
var text = intersectionRange ? intersectionRange.toString() : "";
textRange.detach();
return text;
},
isAppliedToRange: function(range) {
var ancestors = [],
appliedType = "full",
ancestor, styleAncestor, textNodes;
for (var ri = range.length; ri--;) {
textNodes = range[ri].getNodes([wysihtml5.TEXT_NODE]);
if (!textNodes.length) {
ancestor = this.getMatchingAncestor(range[ri].startContainer).element;
return (ancestor) ? {
"elements": [ancestor],
"coverage": appliedType
} : false;
}
for (var i = 0, len = textNodes.length, selectedText; i < len; ++i) {
selectedText = this.getTextSelectedByRange(textNodes[i], range[ri]);
ancestor = this.getMatchingAncestor(textNodes[i]).element;
if (ancestor && selectedText != "") {
ancestors.push(ancestor);
if (wysihtml5.dom.getTextNodes(ancestor, true).length === 1) {
appliedType = "full";
} else if (appliedType === "full") {
appliedType = "inline";
}
} else if (!ancestor) {
appliedType = "partial";
}
}
}
return (ancestors.length) ? {
"elements": ancestors,
"coverage": appliedType
} : false;
},
toggleRange: function(range) {
var isApplied = this.isAppliedToRange(range),
parentsExactMatch;
if (isApplied) {
if (isApplied.coverage === "full") {
this.undoToRange(range);
} else if (isApplied.coverage === "inline") {
parentsExactMatch = areMatchingAllready(isApplied.elements, this.tagNames, this.cssStyle, this.cssClass);
this.undoToRange(range);
if (!parentsExactMatch) {
this.applyToRange(range);
}
} else {
// partial
if (!areMatchingAllready(isApplied.elements, this.tagNames, this.cssStyle, this.cssClass)) {
this.undoToRange(range);
}
this.applyToRange(range);
}
} else {
this.applyToRange(range);
}
}
};
wysihtml5.selection.HTMLApplier = HTMLApplier;
})(wysihtml5, rangy);
;/**
* Rich Text Query/Formatting Commands
*
* @example
* var commands = new wysihtml5.Commands(editor);
*/
wysihtml5.Commands = Base.extend(
/** @scope wysihtml5.Commands.prototype */ {
constructor: function(editor) {
this.editor = editor;
this.composer = editor.composer;
this.doc = this.composer.doc;
},
/**
* Check whether the browser supports the given command
*
* @param {String} command The command string which to check (eg. "bold", "italic", "insertUnorderedList")
* @example
* commands.supports("createLink");
*/
support: function(command) {
return wysihtml5.browser.supportsCommand(this.doc, command);
},
/**
* Check whether the browser supports the given command
*
* @param {String} command The command string which to execute (eg. "bold", "italic", "insertUnorderedList")
* @param {String} [value] The command value parameter, needed for some commands ("createLink", "insertImage", ...), optional for commands that don't require one ("bold", "underline", ...)
* @example
* commands.exec("insertImage", "http://a1.twimg.com/profile_images/113868655/schrei_twitter_reasonably_small.jpg");
*/
exec: function(command, value) {
var obj = wysihtml5.commands[command],
args = wysihtml5.lang.array(arguments).get(),
method = obj && obj.exec,
result = null;
// If composer ahs placeholder unset it before command
// Do not apply on commands that are behavioral
if (this.composer.hasPlaceholderSet() && !wysihtml5.lang.array(['styleWithCSS', 'enableObjectResizing', 'enableInlineTableEditing']).contains(command)) {
this.composer.element.innerHTML = "";
this.composer.selection.selectNode(this.composer.element);
}
this.editor.fire("beforecommand:composer");
if (method) {
args.unshift(this.composer);
result = method.apply(obj, args);
} else {
try {
// try/catch for buggy firefox
result = this.doc.execCommand(command, false, value);
} catch(e) {}
}
this.editor.fire("aftercommand:composer");
return result;
},
remove: function(command, commandValue) {
var obj = wysihtml5.commands[command],
args = wysihtml5.lang.array(arguments).get(),
method = obj && obj.remove;
if (method) {
args.unshift(this.composer);
return method.apply(obj, args);
}
},
/**
* Check whether the current command is active
* If the caret is within a bold text, then calling this with command "bold" should return true
*
* @param {String} command The command string which to check (eg. "bold", "italic", "insertUnorderedList")
* @param {String} [commandValue] The command value parameter (eg. for "insertImage" the image src)
* @return {Boolean} Whether the command is active
* @example
* var isCurrentSelectionBold = commands.state("bold");
*/
state: function(command, commandValue) {
var obj = wysihtml5.commands[command],
args = wysihtml5.lang.array(arguments).get(),
method = obj && obj.state;
if (method) {
args.unshift(this.composer);
return method.apply(obj, args);
} else {
try {
// try/catch for buggy firefox
return this.doc.queryCommandState(command);
} catch(e) {
return false;
}
}
},
/* Get command state parsed value if command has stateValue parsing function */
stateValue: function(command) {
var obj = wysihtml5.commands[command],
args = wysihtml5.lang.array(arguments).get(),
method = obj && obj.stateValue;
if (method) {
args.unshift(this.composer);
return method.apply(obj, args);
} else {
return false;
}
}
});
;(function(wysihtml5) {
var nodeOptions = {
nodeName: "B",
toggle: true
};
wysihtml5.commands.bold = {
exec: function(composer, command) {
wysihtml5.commands.formatInline.exec(composer, command, nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatInline.state(composer, command, nodeOptions);
}
};
}(wysihtml5));
;(function(wysihtml5) {
var nodeOptions = {
nodeName: "A",
toggle: false
};
function getOptions(value) {
var options = typeof value === 'object' ? value : {'href': value};
return wysihtml5.lang.object({}).merge(nodeOptions).merge({'attribute': value}).get();
}
wysihtml5.commands.createLink = {
exec: function(composer, command, value) {
var opts = getOptions(value);
if (composer.selection.isCollapsed() && !this.state(composer, command)) {
var textNode = composer.doc.createTextNode(opts.attribute.href);
composer.selection.insertNode(textNode);
composer.selection.selectNode(textNode);
}
wysihtml5.commands.formatInline.exec(composer, command, opts);
},
state: function(composer, command) {
return wysihtml5.commands.formatInline.state(composer, command, nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
nodeName: "A"
};
wysihtml5.commands.removeLink = {
exec: function(composer, command) {
wysihtml5.commands.formatInline.remove(composer, command, nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatInline.state(composer, command, nodeOptions);
}
};
})(wysihtml5);
;/**
* Set font size css class
*/
(function(wysihtml5) {
var REG_EXP = /wysiwyg-font-size-[0-9a-z\-]+/g;
wysihtml5.commands.fontSize = {
exec: function(composer, command, size) {
wysihtml5.commands.formatInline.exec(composer, command, {className: "wysiwyg-font-size-" + size, classRegExp: REG_EXP, toggle: true});
},
state: function(composer, command, size) {
return wysihtml5.commands.formatInline.state(composer, command, {className: "wysiwyg-font-size-" + size});
}
};
})(wysihtml5);
;/**
* Set font size by inline style
*/
(function(wysihtml5) {
wysihtml5.commands.fontSizeStyle = {
exec: function(composer, command, size) {
size = size.size || size;
if (!(/^\s*$/).test(size)) {
wysihtml5.commands.formatInline.exec(composer, command, {styleProperty: "fontSize", styleValue: size, toggle: false});
}
},
state: function(composer, command, size) {
return wysihtml5.commands.formatInline.state(composer, command, {styleProperty: "fontSize", styleValue: size || undefined});
},
remove: function(composer, command) {
return wysihtml5.commands.formatInline.remove(composer, command, {styleProperty: "fontSize"});
},
stateValue: function(composer, command) {
var styleStr,
st = this.state(composer, command);
if (st && wysihtml5.lang.object(st).isArray()) {
st = st[0];
}
if (st) {
styleStr = st.getAttribute("style");
if (styleStr) {
return wysihtml5.quirks.styleParser.parseFontSize(styleStr);
}
}
return false;
}
};
})(wysihtml5);
;/**
* Set color css class
*/
(function(wysihtml5) {
var REG_EXP = /wysiwyg-color-[0-9a-z]+/g;
wysihtml5.commands.foreColor = {
exec: function(composer, command, color) {
wysihtml5.commands.formatInline.exec(composer, command, {className: "wysiwyg-color-" + color, classRegExp: REG_EXP, toggle: true});
},
state: function(composer, command, color) {
return wysihtml5.commands.formatInline.state(composer, command, {className: "wysiwyg-color-" + color});
}
};
})(wysihtml5);
;/**
* Sets text color by inline styles
*/
(function(wysihtml5) {
wysihtml5.commands.foreColorStyle = {
exec: function(composer, command, color) {
var colorVals, colString;
if (!color) { return; }
colorVals = wysihtml5.quirks.styleParser.parseColor("color:" + (color.color || color), "color");
if (colorVals) {
colString = (colorVals[3] === 1 ? "rgb(" + [colorVals[0], colorVals[1], colorVals[2]].join(", ") : "rgba(" + colorVals.join(', ')) + ')';
wysihtml5.commands.formatInline.exec(composer, command, {styleProperty: "color", styleValue: colString});
}
},
state: function(composer, command, color) {
var colorVals = color ? wysihtml5.quirks.styleParser.parseColor("color:" + (color.color || color), "color") : null,
colString;
if (colorVals) {
colString = (colorVals[3] === 1 ? "rgb(" + [colorVals[0], colorVals[1], colorVals[2]].join(", ") : "rgba(" + colorVals.join(', ')) + ')';
}
return wysihtml5.commands.formatInline.state(composer, command, {styleProperty: "color", styleValue: colString});
},
remove: function(composer, command) {
return wysihtml5.commands.formatInline.remove(composer, command, {styleProperty: "color"});
},
stateValue: function(composer, command, props) {
var st = this.state(composer, command),
colorStr,
val = false;
if (st && wysihtml5.lang.object(st).isArray()) {
st = st[0];
}
if (st) {
colorStr = st.getAttribute("style");
if (colorStr) {
val = wysihtml5.quirks.styleParser.parseColor(colorStr, "color");
return wysihtml5.quirks.styleParser.unparseColor(val, props);
}
}
return false;
}
};
})(wysihtml5);
;/**
* Sets text background color by inline styles
*/
(function(wysihtml5) {
wysihtml5.commands.bgColorStyle = {
exec: function(composer, command, color) {
var colorVals = wysihtml5.quirks.styleParser.parseColor("background-color:" + (color.color || color), "background-color"),
colString;
if (colorVals) {
colString = (colorVals[3] === 1 ? "rgb(" + [colorVals[0], colorVals[1], colorVals[2]].join(', ') : "rgba(" + colorVals.join(', ')) + ')';
wysihtml5.commands.formatInline.exec(composer, command, {styleProperty: 'backgroundColor', styleValue: colString});
}
},
state: function(composer, command, color) {
var colorVals = color ? wysihtml5.quirks.styleParser.parseColor("background-color:" + (color.color || color), "background-color") : null,
colString;
if (colorVals) {
colString = (colorVals[3] === 1 ? "rgb(" + [colorVals[0], colorVals[1], colorVals[2]].join(', ') : "rgba(" + colorVals.join(', ')) + ')';
}
return wysihtml5.commands.formatInline.state(composer, command, {styleProperty: 'backgroundColor', styleValue: colString});
},
remove: function(composer, command) {
return wysihtml5.commands.formatInline.remove(composer, command, {styleProperty: 'backgroundColor'});
},
stateValue: function(composer, command, props) {
var st = this.state(composer, command),
colorStr,
val = false;
if (st && wysihtml5.lang.object(st).isArray()) {
st = st[0];
}
if (st) {
colorStr = st.getAttribute('style');
if (colorStr) {
val = wysihtml5.quirks.styleParser.parseColor(colorStr, "background-color");
return wysihtml5.quirks.styleParser.unparseColor(val, props);
}
}
return false;
}
};
})(wysihtml5);
;/* Formatblock
* Is used to insert block level elements
* It tries to solve the case that some block elements should not contain other block level elements (h1-6, p, ...)
*
*/
(function(wysihtml5) {
var dom = wysihtml5.dom,
// When the caret is within a H1 and the H4 is invoked, the H1 should turn into H4
// instead of creating a H4 within a H1 which would result in semantically invalid html
UNNESTABLE_BLOCK_ELEMENTS = "h1, h2, h3, h4, h5, h6, p, pre",
BLOCK_ELEMENTS = "h1, h2, h3, h4, h5, h6, p, pre, div, blockquote",
INLINE_ELEMENTS = "b, big, i, small, tt, abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var, a, bdo, br, q, span, sub, sup, button, label, textarea, input, select, u";
function correctOptionsForSimilarityCheck(options) {
return {
nodeName: options.nodeName || null,
className: (!options.classRegExp) ? options.className || null : null,
classRegExp: options.classRegExp || null,
styleProperty: options.styleProperty || null
};
}
function getRangeNode(node, offset) {
if (node.nodeType === 3) {
return node;
} else {
return node.childNodes[offset] || node;
}
}
// Returns if node is a line break
function isBr(n) {
return n && n.nodeType === 1 && n.nodeName === "BR";
}
// Is block level element
function isBlock(n, composer) {
return n && n.nodeType === 1 && composer.win.getComputedStyle(n).display === "block";
}
// Returns if node is the rangy selection bookmark element (that must not be taken into account in most situatons and is removed on selection restoring)
function isBookmark(n) {
return n && n.nodeType === 1 && n.classList.contains('rangySelectionBoundary');
}
// Is line breaking node
function isLineBreaking(n, composer) {
return isBr(n) || isBlock(n, composer);
}
// Removes empty block level elements
function cleanup(composer, newBlockElements) {
wysihtml5.dom.removeInvisibleSpaces(composer.element);
var container = composer.element,
allElements = container.querySelectorAll(BLOCK_ELEMENTS),
noEditQuery = composer.config.classNames.uneditableContainer + ([""]).concat(BLOCK_ELEMENTS.split(',')).join(", " + composer.config.classNames.uneditableContainer + ' '),
uneditables = container.querySelectorAll(noEditQuery),
elements = wysihtml5.lang.array(allElements).without(uneditables), // Lets not touch uneditable elements and their contents
nbIdx;
for (var i = elements.length; i--;) {
if (elements[i].innerHTML.replace(/[\uFEFF]/g, '') === "") {
// If cleanup removes some new block elements. remove them from newblocks array too
nbIdx = wysihtml5.lang.array(newBlockElements).indexOf(elements[i]);
if (nbIdx > -1) {
newBlockElements.splice(nbIdx, 1);
}
elements[i].parentNode.removeChild(elements[i]);
}
}
return newBlockElements;
}
function defaultNodeName(composer) {
return composer.config.useLineBreaks ? "DIV" : "P";
}
// The outermost un-nestable block element parent of from node
function findOuterBlock(node, container, allBlocks) {
var n = node,
block = null;
while (n && container && n !== container) {
if (n.nodeType === 1 && n.matches(allBlocks ? BLOCK_ELEMENTS : UNNESTABLE_BLOCK_ELEMENTS)) {
block = n;
}
n = n.parentNode;
}
return block;
}
// Clone for splitting the inner inline element out of its parent inline elements context
// For example if selection is in bold and italic, clone the outer nodes and wrap these around content and return
function cloneOuterInlines(node, container) {
var n = node,
innerNode,
parentNode,
el = null,
el2;
while (n && container && n !== container) {
if (n.nodeType === 1 && n.matches(INLINE_ELEMENTS)) {
parentNode = n;
if (el === null) {
el = n.cloneNode(false);
innerNode = el;
} else {
el2 = n.cloneNode(false);
el2.appendChild(el);
el = el2;
}
}
n = n.parentNode;
}
return {
parent: parentNode,
outerNode: el,
innerNode: innerNode
};
}
// Formats an element according to options nodeName, className, styleProperty, styleValue
// If element is not defined, creates new element
// if opotions is null, remove format instead
function applyOptionsToElement(element, options, composer) {
if (!element) {
element = composer.doc.createElement(options.nodeName || defaultNodeName(composer));
// Add invisible space as otherwise webkit cannot set selection or range to it correctly
element.appendChild(composer.doc.createTextNode(wysihtml5.INVISIBLE_SPACE));
}
if (options.nodeName && element.nodeName !== options.nodeName) {
element = dom.renameElement(element, options.nodeName);
}
// Remove similar classes before applying className
if (options.classRegExp) {
element.className = element.className.replace(options.classRegExp, "");
}
if (options.className) {
element.classList.add(options.className);
}
if (options.styleProperty && typeof options.styleValue !== "undefined") {
element.style[wysihtml5.browser.fixStyleKey(options.styleProperty)] = options.styleValue;
}
return element;
}
// Unsets element properties by options
// If nodename given and matches current element, element is unwrapped or converted to default node (depending on presence of class and style attributes)
function removeOptionsFromElement(element, options, composer) {
var style, classes,
prevNode = element.previousSibling,
nextNode = element.nextSibling,
unwrapped = false;
if (options.styleProperty) {
element.style[wysihtml5.browser.fixStyleKey(options.styleProperty)] = '';
}
if (options.className) {
element.classList.remove(options.className);
}
if (options.classRegExp) {
element.className = element.className.replace(options.classRegExp, "");
}
// Clean up blank class attribute
if (element.getAttribute('class') !== null && element.getAttribute('class').trim() === "") {
element.removeAttribute('class');
}
if (options.nodeName && element.nodeName.toLowerCase() === options.nodeName.toLowerCase()) {
style = element.getAttribute('style');
if (!style || style.trim() === '') {
dom.unwrap(element);
unwrapped = true;
} else {
element = dom.renameElement(element, defaultNodeName(composer));
}
}
// Clean up blank style attribute
if (element.getAttribute('style') !== null && element.getAttribute('style').trim() === "") {
element.removeAttribute('style');
}
if (unwrapped) {
applySurroundingLineBreaks(prevNode, nextNode, composer);
}
}
// Unwraps block level elements from inside content
// Useful as not all block level elements can contain other block-levels
function unwrapBlocksFromContent(element) {
var blocks = element.querySelectorAll(BLOCK_ELEMENTS) || [], // Find unnestable block elements in extracted contents
nextEl, prevEl;
for (var i = blocks.length; i--;) {
nextEl = wysihtml5.dom.domNode(blocks[i]).next({nodeTypes: [1,3], ignoreBlankTexts: true}),
prevEl = wysihtml5.dom.domNode(blocks[i]).prev({nodeTypes: [1,3], ignoreBlankTexts: true});
if (nextEl && nextEl.nodeType !== 1 && nextEl.nodeName !== 'BR') {
if ((blocks[i].innerHTML || blocks[i].nodeValue || '').trim() !== '') {
blocks[i].parentNode.insertBefore(blocks[i].ownerDocument.createElement('BR'), nextEl);
}
}
if (nextEl && nextEl.nodeType !== 1 && nextEl.nodeName !== 'BR') {
if ((blocks[i].innerHTML || blocks[i].nodeValue || '').trim() !== '') {
blocks[i].parentNode.insertBefore(blocks[i].ownerDocument.createElement('BR'), nextEl);
}
}
wysihtml5.dom.unwrap(blocks[i]);
}
}
// Fix ranges that visually cover whole block element to actually cover the block
function fixRangeCoverage(range, composer) {
var node,
start = range.startContainer,
end = range.endContainer;
// If range has only one childNode and it is end to end the range, extend the range to contain the container element too
// This ensures the wrapper node is modified and optios added to it
if (start && start.nodeType === 1 && start === end) {
if (start.firstChild === start.lastChild && range.endOffset === 1) {
if (start !== composer.element && start.nodeName !== 'LI' && start.nodeName !== 'TD') {
range.setStartBefore(start);
range.setEndAfter(end);
}
}
return;
}
// If range starts outside of node and ends inside at textrange and covers the whole node visually, extend end to cover the node end too
if (start && start.nodeType === 1 && end.nodeType === 3) {
if (start.firstChild === end && range.endOffset === end.data.length) {
if (start !== composer.element && start.nodeName !== 'LI' && start.nodeName !== 'TD') {
range.setEndAfter(start);
}
}
return;
}
// If range ends outside of node and starts inside at textrange and covers the whole node visually, extend start to cover the node start too
if (end && end.nodeType === 1 && start.nodeType === 3) {
if (end.firstChild === start && range.startOffset === 0) {
if (end !== composer.element && end.nodeName !== 'LI' && end.nodeName !== 'TD') {
range.setStartBefore(end);
}
}
return;
}
// If range covers a whole textnode and the textnode is the only child of node, extend range to node
if (start && start.nodeType === 3 && start === end && start.parentNode.childNodes.length === 1) {
if (range.endOffset == end.data.length && range.startOffset === 0) {
node = start.parentNode;
if (node !== composer.element && node.nodeName !== 'LI' && node.nodeName !== 'TD') {
range.setStartBefore(node);
range.setEndAfter(node);
}
}
return;
}
}
// Scans ranges array for insertion points that are not allowed to insert block tags fixes/splits illegal ranges
// Some places do not allow block level elements inbetween (inside ul and outside li)
// TODO: might need extending for other nodes besides li (maybe dd,dl,dt)
function fixNotPermittedInsertionPoints(ranges) {
var newRanges = [],
lis, j, maxj, tmpRange, rangePos, closestLI;
for (var i = 0, maxi = ranges.length; i < maxi; i++) {
// Fixes range start and end positions if inside UL or OL element (outside of LI)
if (ranges[i].startContainer.nodeType === 1 && ranges[i].startContainer.matches('ul, ol')) {
ranges[i].setStart(ranges[i].startContainer.childNodes[ranges[i].startOffset], 0);
}
if (ranges[i].endContainer.nodeType === 1 && ranges[i].endContainer.matches('ul, ol')) {
closestLI = ranges[i].endContainer.childNodes[Math.max(ranges[i].endOffset - 1, 0)];
if (closestLI.childNodes) {
ranges[i].setEnd(closestLI, closestLI.childNodes.length);
}
}
// Get all LI eleemnts in selection (fully or partially covered)
// And make sure ranges are either inside LI or outside UL/OL
// Split and add new ranges as needed to cover same range content
// TODO: Needs improvement to accept DL, DD, DT
lis = ranges[i].getNodes([1], function(node) {
return node.nodeName === "LI";
});
if (lis.length > 0) {
for (j = 0, maxj = lis.length; j < maxj; j++) {
rangePos = ranges[i].compareNode(lis[j]);
// Fixes start of range that crosses LI border
if (rangePos === ranges[i].NODE_AFTER || rangePos === ranges[i].NODE_INSIDE) {
// Range starts before and ends inside the node
tmpRange = ranges[i].cloneRange();
closestLI = wysihtml5.dom.domNode(lis[j]).prev({nodeTypes: [1]});
if (closestLI) {
tmpRange.setEnd(closestLI, closestLI.childNodes.length);
} else if (lis[j].closest('ul, ol')) {
tmpRange.setEndBefore(lis[j].closest('ul, ol'));
} else {
tmpRange.setEndBefore(lis[j]);
}
newRanges.push(tmpRange);
ranges[i].setStart(lis[j], 0);
}
// Fixes end of range that crosses li border
if (rangePos === ranges[i].NODE_BEFORE || rangePos === ranges[i].NODE_INSIDE) {
// Range starts inside the node and ends after node
tmpRange = ranges[i].cloneRange();
tmpRange.setEnd(lis[j], lis[j].childNodes.length);
newRanges.push(tmpRange);
// Find next LI in list and if present set range to it, else
closestLI = wysihtml5.dom.domNode(lis[j]).next({nodeTypes: [1]});
if (closestLI) {
ranges[i].setStart(closestLI, 0);
} else if (lis[j].closest('ul, ol')) {
ranges[i].setStartAfter(lis[j].closest('ul, ol'));
} else {
ranges[i].setStartAfter(lis[j]);
}
}
}
newRanges.push(ranges[i]);
} else {
newRanges.push(ranges[i]);
}
}
return newRanges;
}
// Return options object with nodeName set if original did not have any
// Node name is set to local or global default
function getOptionsWithNodename(options, defaultName, composer) {
var correctedOptions = (options) ? wysihtml5.lang.object(options).clone(true) : null;
if (correctedOptions) {
correctedOptions.nodeName = correctedOptions.nodeName || defaultName || defaultNodeName(composer);
}
return correctedOptions;
}
// Injects document fragment to range ensuring outer elements are split to a place where block elements are allowed to be inserted
// Also wraps empty clones of split parent tags around fragment to keep formatting
// If firstOuterBlock is given assume that instead of finding outer (useful for solving cases of some blocks are allowed into others while others are not)
function injectFragmentToRange(fragment, range, composer, firstOuterBlock) {
var rangeStartContainer = range.startContainer,
firstOuterBlock = firstOuterBlock || findOuterBlock(rangeStartContainer, composer.element, true),
outerInlines, first, last, prev, next;
if (firstOuterBlock) {
// If selection starts inside un-nestable block, split-escape the unnestable point and insert node between
first = fragment.firstChild;
last = fragment.lastChild;
composer.selection.splitElementAtCaret(firstOuterBlock, fragment);
next = wysihtml5.dom.domNode(last).next({nodeTypes: [1,3], ignoreBlankTexts: true});
prev = wysihtml5.dom.domNode(first).prev({nodeTypes: [1,3], ignoreBlankTexts: true});
if (first && !isLineBreaking(first, composer) && prev && !isLineBreaking(prev, composer)) {
first.parentNode.insertBefore(composer.doc.createElement('br'), first);
}
if (last && !isLineBreaking(last, composer) && next && !isLineBreaking(next, composer)) {
next.parentNode.insertBefore(composer.doc.createElement('br'), next);
}
} else {
// Ensure node does not get inserted into an inline where it is not allowed
outerInlines = cloneOuterInlines(rangeStartContainer, composer.element);
if (outerInlines.outerNode && outerInlines.innerNode && outerInlines.parent) {
if (fragment.childNodes.length === 1) {
while(fragment.firstChild.firstChild) {
outerInlines.innerNode.appendChild(fragment.firstChild.firstChild);
}
fragment.firstChild.appendChild(outerInlines.outerNode);
}
composer.selection.splitElementAtCaret(outerInlines.parent, fragment);
} else {
// Otherwise just insert
range.insertNode(fragment);
}
}
}
// Removes all block formatting from range
function clearRangeBlockFromating(range, closestBlockName, composer) {
var r = range.cloneRange(),
prevNode = getRangeNode(r.startContainer, r.startOffset).previousSibling,
nextNode = getRangeNode(r.endContainer, r.endOffset).nextSibling,
content = r.extractContents(),
fragment = composer.doc.createDocumentFragment(),
children, blocks,
first = true;
while(content.firstChild) {
// Iterate over all selection content first level childNodes
if (content.firstChild.nodeType === 1 && content.firstChild.matches(BLOCK_ELEMENTS)) {
// If node is a block element
// Split block formating and add new block to wrap caret
unwrapBlocksFromContent(content.firstChild);
children = wysihtml5.dom.unwrap(content.firstChild);
// Add line break before if needed
if (children.length > 0) {
if (
(fragment.lastChild && (fragment.lastChild.nodeType !== 1 || !isLineBreaking(fragment.lastChild, composer))) ||
(!fragment.lastChild && prevNode && (prevNode.nodeType !== 1 || isLineBreaking(prevNode, composer)))
){
fragment.appendChild(composer.doc.createElement('BR'));
}
}
for (var c = 0, cmax = children.length; c < cmax; c++) {
fragment.appendChild(children[c]);
}
// Add line break after if needed
if (children.length > 0) {
if (fragment.lastChild.nodeType !== 1 || !isLineBreaking(fragment.lastChild, composer)) {
if (nextNode || fragment.lastChild !== content.lastChild) {
fragment.appendChild(composer.doc.createElement('BR'));
}
}
}
} else {
fragment.appendChild(content.firstChild);
}
first = false;
}
blocks = wysihtml5.lang.array(fragment.childNodes).get();
injectFragmentToRange(fragment, r, composer);
return blocks;
}
// When block node is inserted, look surrounding nodes and remove surplous linebreak tags (as block format breaks line itself)
function removeSurroundingLineBreaks(prevNode, nextNode, composer) {
var prevPrev = prevNode && wysihtml5.dom.domNode(prevNode).prev({nodeTypes: [1,3], ignoreBlankTexts: true});
if (isBr(nextNode)) {
nextNode.parentNode.removeChild(nextNode);
}
if (isBr(prevNode) && (!prevPrev || prevPrev.nodeType !== 1 || composer.win.getComputedStyle(prevPrev).display !== "block")) {
prevNode.parentNode.removeChild(prevNode);
}
}
function applySurroundingLineBreaks(prevNode, nextNode, composer) {
var prevPrev;
if (prevNode && isBookmark(prevNode)) {
prevNode = prevNode.previousSibling;
}
if (nextNode && isBookmark(nextNode)) {
nextNode = nextNode.nextSibling;
}
prevPrev = prevNode && prevNode.previousSibling;
if (prevNode && (prevNode.nodeType !== 1 || (composer.win.getComputedStyle(prevNode).display !== "block" && !isBr(prevNode))) && prevNode.parentNode) {
prevNode.parentNode.insertBefore(composer.doc.createElement('br'), prevNode.nextSibling);
}
if (nextNode && (nextNode.nodeType !== 1 || composer.win.getComputedStyle(nextNode).display !== "block") && nextNode.parentNode) {
nextNode.parentNode.insertBefore(composer.doc.createElement('br'), nextNode);
}
}
// Wrap the range with a block level element
// If element is one of unnestable block elements (ex: h2 inside h1), split nodes and insert between so nesting does not occur
function wrapRangeWithElement(range, options, closestBlockName, composer) {
var similarOptions = options ? correctOptionsForSimilarityCheck(options) : null,
r = range.cloneRange(),
rangeStartContainer = r.startContainer,
prevNode = wysihtml5.dom.domNode(getRangeNode(r.startContainer, r.startOffset)).prev({nodeTypes: [1,3], ignoreBlankTexts: true}),
nextNode = wysihtml5.dom.domNode(getRangeNode(r.endContainer, r.endOffset)).next({nodeTypes: [1,3], ignoreBlankTexts: true}),
content = r.extractContents(),
fragment = composer.doc.createDocumentFragment(),
similarOuterBlock = similarOptions ? wysihtml5.dom.getParentElement(rangeStartContainer, similarOptions, null, composer.element) : null,
splitAllBlocks = !closestBlockName || !options || (options.nodeName === "BLOCKQUOTE" && closestBlockName === "BLOCKQUOTE"),
firstOuterBlock = similarOuterBlock || findOuterBlock(rangeStartContainer, composer.element, splitAllBlocks), // The outermost un-nestable block element parent of selection start
wrapper, blocks, children;
if (options && options.nodeName === "BLOCKQUOTE") {
// If blockquote is to be inserted no quessing just add it as outermost block on line or selection
var tmpEl = applyOptionsToElement(null, options, composer);
tmpEl.appendChild(content);
fragment.appendChild(tmpEl);
blocks = [tmpEl];
} else {
if (!content.firstChild) {
// IF selection is caret (can happen if line is empty) add format around tag
fragment.appendChild(applyOptionsToElement(null, options, composer));
} else {
while(content.firstChild) {
// Iterate over all selection content first level childNodes
if (content.firstChild.nodeType == 1 && content.firstChild.matches(BLOCK_ELEMENTS)) {
// If node is a block element
// Escape(split) block formatting at caret
applyOptionsToElement(content.firstChild, options, composer);
if (content.firstChild.matches(UNNESTABLE_BLOCK_ELEMENTS)) {
unwrapBlocksFromContent(content.firstChild);
}
fragment.appendChild(content.firstChild);
} else {
// Wrap subsequent non-block nodes inside new block element
wrapper = applyOptionsToElement(null, getOptionsWithNodename(options, closestBlockName, composer), composer);
while(content.firstChild && (content.firstChild.nodeType !== 1 || !content.firstChild.matches(BLOCK_ELEMENTS))) {
if (content.firstChild.nodeType == 1 && wrapper.matches(UNNESTABLE_BLOCK_ELEMENTS)) {
unwrapBlocksFromContent(content.firstChild);
}
wrapper.appendChild(content.firstChild);
}
fragment.appendChild(wrapper);
}
}
}
blocks = wysihtml5.lang.array(fragment.childNodes).get();
}
injectFragmentToRange(fragment, r, composer, firstOuterBlock);
removeSurroundingLineBreaks(prevNode, nextNode, composer);
return blocks;
}
// Find closest block level element
function getParentBlockNodeName(element, composer) {
var parentNode = wysihtml5.dom.getParentElement(element, {
query: BLOCK_ELEMENTS
}, null, composer.element);
return (parentNode) ? parentNode.nodeName : null;
}
// Expands caret to cover the closest block that:
// * cannot contain other block level elements (h1-6,p, etc)
// * Has the same nodeName that is to be inserted
// * has insertingNodeName
// * is DIV if insertingNodeName is not present
//
// If nothing found selects the current line
function expandCaretToBlock(composer, insertingNodeName) {
var parent = wysihtml5.dom.getParentElement(composer.selection.getOwnRanges()[0].startContainer, {
query: UNNESTABLE_BLOCK_ELEMENTS + ', ' + (insertingNodeName ? insertingNodeName.toLowerCase() : 'div'),
}, null, composer.element),
range;
if (parent) {
range = composer.selection.createRange();
range.selectNode(parent);
composer.selection.setSelection(range);
} else if (!composer.isEmpty()) {
composer.selection.selectLine();
}
}
// Set selection to begin inside first created block element (beginning of it) and end inside (and after content) of last block element
// TODO: Checking nodetype might be unnescescary as nodes inserted by formatBlock are nodetype 1 anyway
function selectElements(newBlockElements, composer) {
var range = composer.selection.createRange(),
lastEl = newBlockElements[newBlockElements.length - 1],
lastOffset = (lastEl.nodeType === 1 && lastEl.childNodes) ? lastEl.childNodes.length | 0 : lastEl.length || 0;
range.setStart(newBlockElements[0], 0);
range.setEnd(lastEl, lastOffset);
range.select();
}
// Get all ranges from selection (takes out uneditables and out of editor parts) and apply format to each
// Return created/modified block level elements
// Method can be either "apply" or "remove"
function formatSelection(method, composer, options) {
var ranges = composer.selection.getOwnRanges(),
newBlockElements = [],
closestBlockName;
// Some places do not allow block level elements inbetween (inside ul and outside li, inside table and outside of td/th)
ranges = fixNotPermittedInsertionPoints(ranges);
for (var i = ranges.length; i--;) {
fixRangeCoverage(ranges[i], composer);
closestBlockName = getParentBlockNodeName(ranges[i].startContainer, composer);
if (method === "remove") {
newBlockElements = newBlockElements.concat(clearRangeBlockFromating(ranges[i], closestBlockName, composer));
} else {
newBlockElements = newBlockElements.concat(wrapRangeWithElement(ranges[i], options, closestBlockName, composer));
}
}
return newBlockElements;
}
// If properties is passed as a string, look for tag with that tagName/query
function parseOptions(options) {
if (typeof options === "string") {
options = {
nodeName: options.toUpperCase()
};
}
return options;
}
wysihtml5.commands.formatBlock = {
exec: function(composer, command, options) {
options = parseOptions(options);
var newBlockElements = [],
ranges, range, bookmark, state, closestBlockName;
// Find if current format state is active if options.toggle is set as true
// In toggle case active state elemets are formatted instead of working directly on selection
if (options && options.toggle) {
state = this.state(composer, command, options);
}
if (state) {
// Remove format from state nodes if toggle set and state on and selection is collapsed
bookmark = rangy.saveSelection(composer.win);
for (var j = 0, jmax = state.length; j < jmax; j++) {
removeOptionsFromElement(state[j], options, composer);
}
} else {
// If selection is caret expand it to cover nearest suitable block element or row if none found
if (composer.selection.isCollapsed()) {
bookmark = rangy.saveSelection(composer.win);
expandCaretToBlock(composer, options && options.nodeName ? options.nodeName.toUpperCase() : undefined);
}
if (options) {
newBlockElements = formatSelection("apply", composer, options);
} else {
// Options == null means block formatting should be removed from selection
newBlockElements = formatSelection("remove", composer);
}
}
// Remove empty block elements that may be left behind
// Also remove them from new blocks list
newBlockElements = cleanup(composer, newBlockElements);
// Restore selection
if (bookmark) {
rangy.restoreSelection(bookmark);
} else {
selectElements(newBlockElements, composer);
}
},
// Removes all block formatting from selection
remove: function(composer, command, options) {
options = parseOptions(options);
var newBlockElements, bookmark;
// If selection is caret expand it to cover nearest suitable block element or row if none found
if (composer.selection.isCollapsed()) {
bookmark = rangy.saveSelection(composer.win);
expandCaretToBlock(composer, options && options.nodeName ? options.nodeName.toUpperCase() : undefined);
}
newBlockElements = formatSelection("remove", composer);
newBlockElements = cleanup(composer, newBlockElements);
// Restore selection
if (bookmark) {
rangy.restoreSelection(bookmark);
} else {
selectElements(newBlockElements, composer);
}
},
// If options as null is passed returns status describing all block level elements
state: function(composer, command, options) {
options = parseOptions(options);
var nodes = composer.selection.filterElements((function (element) { // Finds matching elements inside selection
return wysihtml5.dom.domNode(element).test(options || { query: BLOCK_ELEMENTS });
}).bind(this)),
parentNodes = composer.selection.getSelectedOwnNodes(),
parent;
// Finds matching elements that are parents of selection and adds to nodes list
for (var i = 0, maxi = parentNodes.length; i < maxi; i++) {
parent = dom.getParentElement(parentNodes[i], options || { query: BLOCK_ELEMENTS }, null, composer.element);
if (parent && nodes.indexOf(parent) === -1) {
nodes.push(parent);
}
}
return (nodes.length === 0) ? false : nodes;
}
};
})(wysihtml5);
;/* Formats block for as a
block
* Useful in conjuction for sytax highlight utility: highlight.js
*
* Usage:
*
* editorInstance.composer.commands.exec("formatCode", "language-html");
*/
(function(wysihtml5){
wysihtml5.commands.formatCode = {
exec: function(composer, command, classname) {
var pre = this.state(composer)[0],
code, range, selectedNodes;
if (pre) {
// caret is already within a ...
composer.selection.executeAndRestore(function() {
code = pre.querySelector("code");
wysihtml5.dom.replaceWithChildNodes(pre);
if (code) {
wysihtml5.dom.replaceWithChildNodes(code);
}
});
} else {
// Wrap in ...
range = composer.selection.getRange();
selectedNodes = range.extractContents();
pre = composer.doc.createElement("pre");
code = composer.doc.createElement("code");
if (classname) {
code.className = classname;
}
pre.appendChild(code);
code.appendChild(selectedNodes);
range.insertNode(pre);
composer.selection.selectNode(pre);
}
},
state: function(composer) {
var selectedNode = composer.selection.getSelectedNode(), node;
if (selectedNode && selectedNode.nodeName && selectedNode.nodeName == "PRE"&&
selectedNode.firstChild && selectedNode.firstChild.nodeName && selectedNode.firstChild.nodeName == "CODE") {
return [selectedNode];
} else {
node = wysihtml5.dom.getParentElement(selectedNode, { query: "pre code" });
return node ? [node.parentNode] : false;
}
}
};
}(wysihtml5));
;/**
* Unifies all inline tags additions and removals
* See https://github.com/Voog/wysihtml/pull/169 for specification of action
*/
(function(wysihtml5) {
var defaultTag = "SPAN",
INLINE_ELEMENTS = "b, big, i, small, tt, abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var, a, bdo, br, q, span, sub, sup, button, label, textarea, input, select, u",
queryAliasMap = {
"b": "b, strong",
"strong": "b, strong",
"em": "em, i",
"i": "em, i"
};
function hasNoClass(element) {
return (/^\s*$/).test(element.className);
}
function hasNoStyle(element) {
return !element.getAttribute('style') || (/^\s*$/).test(element.getAttribute('style'));
}
// Associative arrays in javascript are really objects and do not have length defined
// Thus have to check emptyness in a different way
function hasNoAttributes(element) {
var attr = wysihtml5.dom.getAttributes(element);
return wysihtml5.lang.object(attr).isEmpty();
}
// compares two nodes if they are semantically the same
// Used in cleanup to find consequent semantically similar elements for merge
function isSameNode(element1, element2) {
var classes1, classes2,
attr1, attr2;
if (element1.nodeType !== 1 || element2.nodeType !== 1) {
return false;
}
if (element1.nodeName !== element2.nodeName) {
return false;
}
classes1 = element1.className.trim().replace(/\s+/g, ' ').split(' ');
classes2 = element2.className.trim().replace(/\s+/g, ' ').split(' ');
if (wysihtml5.lang.array(classes1).without(classes2).length > 0) {
return false;
}
attr1 = wysihtml5.dom.getAttributes(element1);
attr2 = wysihtml5.dom.getAttributes(element2);
if (attr1.length !== attr2.length || !wysihtml5.lang.object(wysihtml5.lang.object(attr1).difference(attr2)).isEmpty()) {
return false;
}
return true;
}
function createWrapNode(textNode, options) {
var nodeName = options && options.nodeName || defaultTag,
element = textNode.ownerDocument.createElement(nodeName);
// Remove similar classes before applying className
if (options.classRegExp) {
element.className = element.className.replace(options.classRegExp, "");
}
if (options.className) {
element.classList.add(options.className);
}
if (options.styleProperty && typeof options.styleValue !== "undefined") {
element.style[wysihtml5.browser.fixStyleKey(options.styleProperty)] = options.styleValue;
}
if (options.attribute) {
if (typeof options.attribute === "object") {
for (var a in options.attribute) {
if (options.attribute.hasOwnProperty(a)) {
element.setAttribute(a, options.attribute[a]);
}
}
} else if (typeof options.attributeValue !== "undefined") {
element.setAttribute(options.attribute, options.attributeValue);
}
}
return element;
}
// Tests if attr2 list contains all attributes present in attr1
// Note: attr 1 can have more attributes than attr2
function containsSameAttributes(attr1, attr2) {
for (var a in attr1) {
if (attr1.hasOwnProperty(a)) {
if (typeof attr2[a] === undefined || attr2[a] !== attr1[a]) {
return false;
}
}
}
return true;
}
// If attrbutes and values are the same > remove
// if attributes or values
function updateElementAttributes(element, newAttributes, toggle) {
var attr = wysihtml5.dom.getAttributes(element),
fullContain = containsSameAttributes(newAttributes, attr),
attrDifference = wysihtml5.lang.object(attr).difference(newAttributes),
a, b;
if (fullContain && toggle !== false) {
for (a in newAttributes) {
if (newAttributes.hasOwnProperty(a)) {
element.removeAttribute(a);
}
}
} else {
/*if (!wysihtml5.lang.object(attrDifference).isEmpty()) {
for (b in attrDifference) {
if (attrDifference.hasOwnProperty(b)) {
element.removeAttribute(b);
}
}
}*/
for (a in newAttributes) {
if (newAttributes.hasOwnProperty(a)) {
element.setAttribute(a, newAttributes[a]);
}
}
}
}
function updateFormatOfElement(element, options) {
var attr, newNode, a, newAttributes, nodeNameQuery, nodeQueryMatch;
if (options.className) {
if (options.toggle !== false && element.classList.contains(options.className)) {
element.classList.remove(options.className);
} else {
if (options.classRegExp) {
element.className = element.className.replace(options.classRegExp, '');
}
element.classList.add(options.className);
}
if (hasNoClass(element)) {
element.removeAttribute('class');
}
}
// change/remove style
if (options.styleProperty) {
if (options.toggle !== false && element.style[wysihtml5.browser.fixStyleKey(options.styleProperty)].trim().replace(/, /g, ",") === options.styleValue) {
element.style[wysihtml5.browser.fixStyleKey(options.styleProperty)] = '';
} else {
element.style[wysihtml5.browser.fixStyleKey(options.styleProperty)] = options.styleValue;
}
}
if (hasNoStyle(element)) {
element.removeAttribute('style');
}
if (options.attribute) {
if (typeof options.attribute === "object") {
newAttributes = options.attribute;
} else {
newAttributes = {};
newAttributes[options.attribute] = options.attributeValue || '';
}
updateElementAttributes(element, newAttributes, options.toggle);
}
// Handle similar semantically same elements (queryAliasMap)
nodeNameQuery = options.nodeName ? queryAliasMap[options.nodeName.toLowerCase()] || options.nodeName.toLowerCase() : null;
nodeQueryMatch = nodeNameQuery ? wysihtml5.dom.domNode(element).test({ query: nodeNameQuery }) : false;
// Unwrap element if no attributes present and node name given
// or no attributes and if no nodename set but node is the default
if (!options.nodeName || options.nodeName === defaultTag || nodeQueryMatch) {
if (
((options.toggle !== false && nodeQueryMatch) || (!options.nodeName && element.nodeName === defaultTag)) &&
hasNoClass(element) && hasNoStyle(element) && hasNoAttributes(element)
) {
wysihtml5.dom.unwrap(element);
}
}
}
// Fetch all textnodes in selection
// Empty textnodes are ignored except the one containing text caret
function getSelectedTextNodes(selection, splitBounds) {
var textNodes = [];
if (!selection.isCollapsed()) {
textNodes = textNodes.concat(selection.getOwnNodes([3], function(node) {
// Exclude empty nodes except caret node
return (!wysihtml5.dom.domNode(node).is.emptyTextNode());
}, splitBounds));
}
return textNodes;
}
function findSimilarTextNodeWrapper(textNode, options, container, exact) {
var node = textNode,
similarOptions = exact ? options : correctOptionsForSimilarityCheck(options);
do {
if (node.nodeType === 1 && isSimilarNode(node, similarOptions)) {
return node;
}
node = node.parentNode;
} while (node && node !== container);
return null;
}
function correctOptionsForSimilarityCheck(options) {
return {
nodeName: options.nodeName || null,
className: (!options.classRegExp) ? options.className || null : null,
classRegExp: options.classRegExp || null,
styleProperty: options.styleProperty || null
};
}
// Finds inline node with similar nodeName/style/className
// If nodeName is specified inline node with the same (or alias) nodeName is expected to prove similar regardless of attributes
function isSimilarNode(node, options) {
var o;
if (options.nodeName) {
var query = queryAliasMap[options.nodeName.toLowerCase()] || options.nodeName.toLowerCase();
return wysihtml5.dom.domNode(node).test({ query: query });
} else {
o = wysihtml5.lang.object(options).clone();
o.query = INLINE_ELEMENTS; // make sure only inline elements with styles and classes are counted
return wysihtml5.dom.domNode(node).test(o);
}
}
function selectRange(composer, range) {
var d = document.documentElement || document.body,
oldScrollTop = d.scrollTop,
oldScrollLeft = d.scrollLeft,
selection = rangy.getSelection(composer.win);
rangy.getSelection(composer.win).removeAllRanges();
// IE looses focus of contenteditable on removeallranges and can not set new selection unless contenteditable is focused again
try {
rangy.getSelection(composer.win).addRange(range);
} catch (e) {}
if (!composer.doc.activeElement || !wysihtml5.dom.contains(composer.element, composer.doc.activeElement)) {
composer.element.focus();
d.scrollTop = oldScrollTop;
d.scrollLeft = oldScrollLeft;
rangy.getSelection(composer.win).addRange(range);
}
}
function selectTextNodes(textNodes, composer) {
var range = rangy.createRange(composer.doc),
lastText = textNodes[textNodes.length - 1];
if (textNodes[0] && lastText) {
range.setStart(textNodes[0], 0);
range.setEnd(lastText, lastText.length);
selectRange(composer, range);
}
}
function selectTextNode(composer, node, start, end) {
var range = rangy.createRange(composer.doc);
if (node) {
range.setStart(node, start);
range.setEnd(node, typeof end !== 'undefined' ? end : start);
selectRange(composer, range);
}
}
function getState(composer, options, exact) {
var searchNodes = getSelectedTextNodes(composer.selection),
nodes = [],
partial = false,
node, range, caretNode;
if (composer.selection.isInThisEditable()) {
if (searchNodes.length === 0 && composer.selection.isCollapsed()) {
caretNode = composer.selection.getSelection().anchorNode;
if (!caretNode) {
// selection not in editor
return {
nodes: [],
partial: false
};
}
if (caretNode.nodeType === 3) {
searchNodes = [caretNode];
}
}
// Handle collapsed selection caret
if (!searchNodes.length) {
range = composer.selection.getOwnRanges()[0];
if (range) {
searchNodes = [range.endContainer];
}
}
for (var i = 0, maxi = searchNodes.length; i < maxi; i++) {
node = findSimilarTextNodeWrapper(searchNodes[i], options, composer.element, exact);
if (node) {
nodes.push(node);
} else {
partial = true;
}
}
}
return {
nodes: nodes,
partial: partial
};
}
// Returns if caret is inside a word in textnode (not on boundary)
// If selection anchornode is not text node, returns false
function caretIsInsideWord(selection) {
var anchor, offset, beforeChar, afterChar;
if (selection) {
anchor = selection.anchorNode;
offset = selection.anchorOffset;
if (anchor && anchor.nodeType === 3 && offset > 0 && offset < anchor.data.length) {
beforeChar = anchor.data[offset - 1];
afterChar = anchor.data[offset];
return (/\w/).test(beforeChar) && (/\w/).test(afterChar);
}
}
return false;
}
// Returns a range and textnode containing object from caret position covering a whole word
// wordOffsety describes the original position of caret in the new textNode
// Caret has to be inside a textNode.
function getRangeForWord(selection) {
var anchor, offset, doc, range, offsetStart, offsetEnd, beforeChar, afterChar,
txtNodes = [];
if (selection) {
anchor = selection.anchorNode;
offset = offsetStart = offsetEnd = selection.anchorOffset;
doc = anchor.ownerDocument;
range = rangy.createRange(doc);
if (anchor && anchor.nodeType === 3) {
while (offsetStart > 0 && (/\w/).test(anchor.data[offsetStart - 1])) {
offsetStart--;
}
while (offsetEnd < anchor.data.length && (/\w/).test(anchor.data[offsetEnd])) {
offsetEnd++;
}
range.setStartAndEnd(anchor, offsetStart, offsetEnd);
range.splitBoundaries();
txtNodes = range.getNodes([3], function(node) {
return (!wysihtml5.dom.domNode(node).is.emptyTextNode());
});
return {
wordOffset: offset - offsetStart,
range: range,
textNode: txtNodes[0]
};
}
}
return false;
}
// Contents of 2 elements are merged to fitst element. second element is removed as consequence
function mergeContents(element1, element2) {
while (element2.firstChild) {
element1.appendChild(element2.firstChild);
}
element2.parentNode.removeChild(element2);
}
function mergeConsequentSimilarElements(elements) {
for (var i = elements.length; i--;) {
if (elements[i] && elements[i].parentNode) { // Test if node is not allready removed in cleanup
if (elements[i].nextSibling && isSameNode(elements[i], elements[i].nextSibling)) {
mergeContents(elements[i], elements[i].nextSibling);
}
if (elements[i].previousSibling && isSameNode(elements[i] , elements[i].previousSibling)) {
mergeContents(elements[i].previousSibling, elements[i]);
}
}
}
}
function cleanupAndSetSelection(composer, textNodes, options) {
if (textNodes.length > 0) {
selectTextNodes(textNodes, composer);
}
mergeConsequentSimilarElements(getState(composer, options).nodes);
if (textNodes.length > 0) {
selectTextNodes(textNodes, composer);
}
}
function cleanupAndSetCaret(composer, textNode, offset, options) {
selectTextNode(composer, textNode, offset);
mergeConsequentSimilarElements(getState(composer, options).nodes);
selectTextNode(composer, textNode, offset);
}
// Formats a textnode with given options
function formatTextNode(textNode, options) {
var wrapNode = createWrapNode(textNode, options);
textNode.parentNode.insertBefore(wrapNode, textNode);
wrapNode.appendChild(textNode);
}
// Changes/toggles format of a textnode
function unformatTextNode(textNode, composer, options) {
var container = composer.element,
wrapNode = findSimilarTextNodeWrapper(textNode, options, container),
newWrapNode;
if (wrapNode) {
newWrapNode = wrapNode.cloneNode(false);
wysihtml5.dom.domNode(textNode).escapeParent(wrapNode, newWrapNode);
updateFormatOfElement(newWrapNode, options);
}
}
// Removes the format around textnode
function removeFormatFromTextNode(textNode, composer, options) {
var container = composer.element,
wrapNode = findSimilarTextNodeWrapper(textNode, options, container);
if (wrapNode) {
wysihtml5.dom.domNode(textNode).escapeParent(wrapNode);
}
}
// Creates node around caret formated with options
function formatTextRange(range, composer, options) {
var wrapNode = createWrapNode(range.endContainer, options);
range.surroundContents(wrapNode);
composer.selection.selectNode(wrapNode);
}
// Changes/toggles format of whole selection
function updateFormat(composer, textNodes, state, options) {
var exactState = getState(composer, options, true),
selection = composer.selection.getSelection(),
wordObj, textNode, newNode, i;
if (!textNodes.length) {
// Selection is caret
if (options.toggle !== false) {
if (caretIsInsideWord(selection)) {
// Unformat whole word
wordObj = getRangeForWord(selection);
textNode = wordObj.textNode;
unformatTextNode(wordObj.textNode, composer, options);
cleanupAndSetCaret(composer, wordObj.textNode, wordObj.wordOffset, options);
} else {
// Escape caret out of format
textNode = composer.doc.createTextNode(wysihtml5.INVISIBLE_SPACE);
newNode = state.nodes[0].cloneNode(false);
newNode.appendChild(textNode);
composer.selection.splitElementAtCaret(state.nodes[0], newNode);
updateFormatOfElement(newNode, options);
cleanupAndSetSelection(composer, [textNode], options);
var s = composer.selection.getSelection();
if (s.anchorNode && s.focusNode) {
// Has an error in IE when collapsing selection. probably from rangy
try {
s.collapseToEnd();
} catch (e) {}
}
}
} else {
// In non-toggle mode the closest state element has to be found and the state updated differently
for (i = state.nodes.length; i--;) {
updateFormatOfElement(state.nodes[i], options);
}
}
} else {
if (!exactState.partial && options.toggle !== false) {
// If whole selection (all textnodes) are in the applied format
// remove the format from selection
// Non-toggle mode never removes. Remove has to be called explicitly
for (i = textNodes.length; i--;) {
unformatTextNode(textNodes[i], composer, options);
}
} else {
// Selection is partially in format
// change it to new if format if textnode allreafy in similar state
// else just apply
for (i = textNodes.length; i--;) {
if (findSimilarTextNodeWrapper(textNodes[i], options, composer.element)) {
unformatTextNode(textNodes[i], composer, options);
}
if (!findSimilarTextNodeWrapper(textNodes[i], options, composer.element)) {
formatTextNode(textNodes[i], options);
}
}
}
cleanupAndSetSelection(composer, textNodes, options);
}
}
// Removes format from selection
function removeFormat(composer, textNodes, state, options) {
var textNode, textOffset, newNode, i,
selection = composer.selection.getSelection();
if (!textNodes.length) {
textNode = selection.anchorNode;
textOffset = selection.anchorOffset;
for (i = state.nodes.length; i--;) {
wysihtml5.dom.unwrap(state.nodes[i]);
}
cleanupAndSetCaret(composer, textNode, textOffset, options);
} else {
for (i = textNodes.length; i--;) {
removeFormatFromTextNode(textNodes[i], composer, options);
}
cleanupAndSetSelection(composer, textNodes, options);
}
}
// Adds format to selection
function applyFormat(composer, textNodes, options) {
var wordObj, i,
selection = composer.selection.getSelection();
if (!textNodes.length) {
// Handle collapsed selection caret and return
if (caretIsInsideWord(selection)) {
wordObj = getRangeForWord(selection);
formatTextNode(wordObj.textNode, options);
cleanupAndSetCaret(composer, wordObj.textNode, wordObj.wordOffset, options);
} else {
var r = composer.selection.getOwnRanges()[0];
if (r) {
formatTextRange(r, composer, options);
}
}
} else {
// Handle textnodes in selection and apply format
for (i = textNodes.length; i--;) {
formatTextNode(textNodes[i], options);
}
cleanupAndSetSelection(composer, textNodes, options);
}
}
// If properties is passed as a string, correct options with that nodeName
function fixOptions(options) {
options = (typeof options === "string") ? { nodeName: options } : options;
if (options.nodeName) { options.nodeName = options.nodeName.toUpperCase(); }
return options;
}
wysihtml5.commands.formatInline = {
// Basics:
// In case of plain text or inline state not set wrap all non-empty textnodes with
// In case a similar inline wrapper node is detected on one of textnodes, the wrapper node is changed (if fully contained) or split and changed (partially contained)
// In case of changing mode every textnode is addressed separatly
exec: function(composer, command, options) {
options = fixOptions(options);
// Join adjactent textnodes first
composer.element.normalize();
var textNodes = getSelectedTextNodes(composer.selection, true),
state = getState(composer, options);
if (state.nodes.length > 0) {
// Text allready has the format applied
updateFormat(composer, textNodes, state, options);
} else {
// Selection is not in the applied format
applyFormat(composer, textNodes, options);
}
composer.element.normalize();
},
remove: function(composer, command, options) {
options = fixOptions(options);
composer.element.normalize();
var textNodes = getSelectedTextNodes(composer.selection, true),
state = getState(composer, options);
if (state.nodes.length > 0) {
// Text allready has the format applied
removeFormat(composer, textNodes, state, options);
}
composer.element.normalize();
},
state: function(composer, command, options) {
options = fixOptions(options);
var nodes = getState(composer, options, true).nodes;
return (nodes.length === 0) ? false : nodes;
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
nodeName: "BLOCKQUOTE",
toggle: true
};
wysihtml5.commands.insertBlockQuote = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5){
wysihtml5.commands.insertHTML = {
exec: function(composer, command, html) {
composer.selection.insertHTML(html);
},
state: function() {
return false;
}
};
}(wysihtml5));
;(function(wysihtml5) {
var NODE_NAME = "IMG";
wysihtml5.commands.insertImage = {
/**
* Inserts an ![]()
* If selection is already an image link, it removes it
*
* @example
* // either ...
* wysihtml5.commands.insertImage.exec(composer, "insertImage", "http://www.google.de/logo.jpg");
* // ... or ...
* wysihtml5.commands.insertImage.exec(composer, "insertImage", { src: "http://www.google.de/logo.jpg", title: "foo" });
*/
exec: function(composer, command, value) {
value = typeof(value) === "object" ? value : { src: value };
var doc = composer.doc,
image = this.state(composer),
textNode,
parent;
// If image is selected and src ie empty, set the caret before it and delete the image
if (image && !value.src) {
composer.selection.setBefore(image);
parent = image.parentNode;
parent.removeChild(image);
// and it's parent too if it hasn't got any other relevant child nodes
wysihtml5.dom.removeEmptyTextNodes(parent);
if (parent.nodeName === "A" && !parent.firstChild) {
composer.selection.setAfter(parent);
parent.parentNode.removeChild(parent);
}
// firefox and ie sometimes don't remove the image handles, even though the image got removed
wysihtml5.quirks.redraw(composer.element);
return;
}
// If image selected change attributes accordingly
if (image) {
for (var key in value) {
if (value.hasOwnProperty(key)) {
image.setAttribute(key === "className" ? "class" : key, value[key]);
}
}
return;
}
// Otherwise lets create the image
image = doc.createElement(NODE_NAME);
for (var i in value) {
image.setAttribute(i === "className" ? "class" : i, value[i]);
}
composer.selection.insertNode(image);
if (wysihtml5.browser.hasProblemsSettingCaretAfterImg()) {
textNode = doc.createTextNode(wysihtml5.INVISIBLE_SPACE);
composer.selection.insertNode(textNode);
composer.selection.setAfter(textNode);
} else {
composer.selection.setAfter(image);
}
},
state: function(composer) {
var doc = composer.doc,
selectedNode,
text,
imagesInSelection;
if (!wysihtml5.dom.hasElementWithTagName(doc, NODE_NAME)) {
return false;
}
selectedNode = composer.selection.getSelectedNode();
if (!selectedNode) {
return false;
}
if (selectedNode.nodeName === NODE_NAME) {
// This works perfectly in IE
return selectedNode;
}
if (selectedNode.nodeType !== wysihtml5.ELEMENT_NODE) {
return false;
}
text = composer.selection.getText();
text = wysihtml5.lang.string(text).trim();
if (text) {
return false;
}
imagesInSelection = composer.selection.getNodes(wysihtml5.ELEMENT_NODE, function(node) {
return node.nodeName === "IMG";
});
if (imagesInSelection.length !== 1) {
return false;
}
return imagesInSelection[0];
}
};
})(wysihtml5);
;(function(wysihtml5) {
var LINE_BREAK = "
" + (wysihtml5.browser.needsSpaceAfterLineBreak() ? " " : "");
wysihtml5.commands.insertLineBreak = {
exec: function(composer, command) {
composer.selection.insertHTML(LINE_BREAK);
},
state: function() {
return false;
}
};
})(wysihtml5);
;(function(wysihtml5){
wysihtml5.commands.insertOrderedList = {
exec: function(composer, command) {
wysihtml5.commands.insertList.exec(composer, command, "OL");
},
state: function(composer, command) {
return wysihtml5.commands.insertList.state(composer, command, "OL");
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.insertUnorderedList = {
exec: function(composer, command) {
wysihtml5.commands.insertList.exec(composer, command, "UL");
},
state: function(composer, command) {
return wysihtml5.commands.insertList.state(composer, command, "UL");
}
};
}(wysihtml5));
;wysihtml5.commands.insertList = (function(wysihtml5) {
var isNode = function(node, name) {
if (node && node.nodeName) {
if (typeof name === 'string') {
name = [name];
}
for (var n = name.length; n--;) {
if (node.nodeName === name[n]) {
return true;
}
}
}
return false;
};
var findListEl = function(node, nodeName, composer) {
var ret = {
el: null,
other: false
};
if (node) {
var parentLi = wysihtml5.dom.getParentElement(node, { query: "li" }, false, composer.element),
otherNodeName = (nodeName === "UL") ? "OL" : "UL";
if (isNode(node, nodeName)) {
ret.el = node;
} else if (isNode(node, otherNodeName)) {
ret = {
el: node,
other: true
};
} else if (parentLi) {
if (isNode(parentLi.parentNode, nodeName)) {
ret.el = parentLi.parentNode;
} else if (isNode(parentLi.parentNode, otherNodeName)) {
ret = {
el : parentLi.parentNode,
other: true
};
}
}
}
// do not count list elements outside of composer
if (ret.el && !composer.element.contains(ret.el)) {
ret.el = null;
}
return ret;
};
var handleSameTypeList = function(el, nodeName, composer) {
var otherNodeName = (nodeName === "UL") ? "OL" : "UL",
otherLists, innerLists;
// Unwrap list
// - foo
- bar
// becomes:
// foo
bar
composer.selection.executeAndRestoreRangy(function() {
otherLists = getListsInSelection(otherNodeName, composer);
if (otherLists.length) {
for (var l = otherLists.length; l--;) {
wysihtml5.dom.renameElement(otherLists[l], nodeName.toLowerCase());
}
} else {
innerLists = getListsInSelection(['OL', 'UL'], composer);
for (var i = innerLists.length; i--;) {
wysihtml5.dom.resolveList(innerLists[i], composer.config.useLineBreaks);
}
wysihtml5.dom.resolveList(el, composer.config.useLineBreaks);
}
});
};
var handleOtherTypeList = function(el, nodeName, composer) {
var otherNodeName = (nodeName === "UL") ? "OL" : "UL";
// Turn an ordered list into an unordered list
// - foo
- bar
// becomes:
// - foo
- bar
// Also rename other lists in selection
composer.selection.executeAndRestoreRangy(function() {
var renameLists = [el].concat(getListsInSelection(otherNodeName, composer));
// All selection inner lists get renamed too
for (var l = renameLists.length; l--;) {
wysihtml5.dom.renameElement(renameLists[l], nodeName.toLowerCase());
}
});
};
var getListsInSelection = function(nodeName, composer) {
var ranges = composer.selection.getOwnRanges(),
renameLists = [];
for (var r = ranges.length; r--;) {
renameLists = renameLists.concat(ranges[r].getNodes([1], function(node) {
return isNode(node, nodeName);
}));
}
return renameLists;
};
var createListFallback = function(nodeName, composer) {
var sel;
if (!composer.selection.isCollapsed()) {
sel = rangy.saveSelection(composer.win);
}
// Fallback for Create list
var tempClassName = "_wysihtml5-temp-" + new Date().getTime(),
tempElement = composer.selection.deblockAndSurround({
"nodeName": "div",
"className": tempClassName
}),
isEmpty, list;
// This space causes new lists to never break on enter
var INVISIBLE_SPACE_REG_EXP = /\uFEFF/g;
tempElement.innerHTML = tempElement.innerHTML.replace(wysihtml5.INVISIBLE_SPACE_REG_EXP, "");
if (tempElement) {
isEmpty = (/^(\s|(
))+$/i).test(tempElement.innerHTML);
list = wysihtml5.dom.convertToList(tempElement, nodeName.toLowerCase(), composer.parent.config.classNames.uneditableContainer);
if (sel) {
rangy.restoreSelection(sel);
}
if (isEmpty) {
composer.selection.selectNode(list.querySelector("li"), true);
}
}
};
return {
exec: function(composer, command, nodeName) {
var doc = composer.doc,
cmd = (nodeName === "OL") ? "insertOrderedList" : "insertUnorderedList",
selectedNode = composer.selection.getSelectedNode(),
list = findListEl(selectedNode, nodeName, composer);
if (!list.el) {
if (composer.commands.support(cmd)) {
doc.execCommand(cmd, false, null);
} else {
createListFallback(nodeName, composer);
}
} else if (list.other) {
handleOtherTypeList(list.el, nodeName, composer);
} else {
handleSameTypeList(list.el, nodeName, composer);
}
},
state: function(composer, command, nodeName) {
var selectedNode = composer.selection.getSelectedNode(),
list = findListEl(selectedNode, nodeName, composer);
return (list.el && !list.other) ? list.el : false;
}
};
})(wysihtml5);
;(function(wysihtml5){
var nodeOptions = {
nodeName: "I",
toggle: true
};
wysihtml5.commands.italic = {
exec: function(composer, command) {
wysihtml5.commands.formatInline.exec(composer, command, nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatInline.state(composer, command, nodeOptions);
}
};
}(wysihtml5));
;(function(wysihtml5) {
var nodeOptions = {
className: "wysiwyg-text-align-center",
classRegExp: /wysiwyg-text-align-[0-9a-z]+/g,
toggle: true
};
wysihtml5.commands.justifyCenter = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
className: "wysiwyg-text-align-left",
classRegExp: /wysiwyg-text-align-[0-9a-z]+/g,
toggle: true
};
wysihtml5.commands.justifyLeft = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
className: "wysiwyg-text-align-right",
classRegExp: /wysiwyg-text-align-[0-9a-z]+/g,
toggle: true
};
wysihtml5.commands.justifyRight = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
className: "wysiwyg-text-align-justify",
classRegExp: /wysiwyg-text-align-[0-9a-z]+/g,
toggle: true
};
wysihtml5.commands.justifyFull = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
styleProperty: "textAlign",
styleValue: "right",
toggle: true
};
wysihtml5.commands.alignRightStyle = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
styleProperty: "textAlign",
styleValue: "left",
toggle: true
};
wysihtml5.commands.alignLeftStyle = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
styleProperty: "textAlign",
styleValue: "center",
toggle: true
};
wysihtml5.commands.alignCenterStyle = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5) {
var nodeOptions = {
styleProperty: "textAlign",
styleValue: "justify",
toggle: true
};
wysihtml5.commands.alignJustifyStyle = {
exec: function(composer, command) {
return wysihtml5.commands.formatBlock.exec(composer, "formatBlock", nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatBlock.state(composer, "formatBlock", nodeOptions);
}
};
})(wysihtml5);
;(function(wysihtml5){
wysihtml5.commands.redo = {
exec: function(composer) {
return composer.undoManager.redo();
},
state: function(composer) {
return false;
}
};
}(wysihtml5));
;(function(wysihtml5){
var nodeOptions = {
nodeName: "U",
toggle: true
};
wysihtml5.commands.underline = {
exec: function(composer, command) {
wysihtml5.commands.formatInline.exec(composer, command, nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatInline.state(composer, command, nodeOptions);
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.undo = {
exec: function(composer) {
return composer.undoManager.undo();
},
state: function(composer) {
return false;
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.createTable = {
exec: function(composer, command, value) {
var col, row, html;
if (value && value.cols && value.rows && parseInt(value.cols, 10) > 0 && parseInt(value.rows, 10) > 0) {
if (value.tableStyle) {
html = "";
} else {
html = "";
}
html += "";
for (row = 0; row < value.rows; row ++) {
html += '';
for (col = 0; col < value.cols; col ++) {
html += "
';
}
html += "
";
composer.commands.exec("insertHTML", html);
//composer.selection.insertHTML(html);
}
},
state: function(composer, command) {
return false;
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.mergeTableCells = {
exec: function(composer, command) {
if (composer.tableSelection && composer.tableSelection.start && composer.tableSelection.end) {
if (this.state(composer, command)) {
wysihtml5.dom.table.unmergeCell(composer.tableSelection.start);
} else {
wysihtml5.dom.table.mergeCellsBetween(composer.tableSelection.start, composer.tableSelection.end);
}
}
},
state: function(composer, command) {
if (composer.tableSelection) {
var start = composer.tableSelection.start,
end = composer.tableSelection.end;
if (start && end && start == end &&
((
wysihtml5.dom.getAttribute(start, "colspan") &&
parseInt(wysihtml5.dom.getAttribute(start, "colspan"), 10) > 1
) || (
wysihtml5.dom.getAttribute(start, "rowspan") &&
parseInt(wysihtml5.dom.getAttribute(start, "rowspan"), 10) > 1
))
) {
return [start];
}
}
return false;
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.addTableCells = {
exec: function(composer, command, value) {
if (composer.tableSelection && composer.tableSelection.start && composer.tableSelection.end) {
// switches start and end if start is bigger than end (reverse selection)
var tableSelect = wysihtml5.dom.table.orderSelectionEnds(composer.tableSelection.start, composer.tableSelection.end);
if (value == "before" || value == "above") {
wysihtml5.dom.table.addCells(tableSelect.start, value);
} else if (value == "after" || value == "below") {
wysihtml5.dom.table.addCells(tableSelect.end, value);
}
setTimeout(function() {
composer.tableSelection.select(tableSelect.start, tableSelect.end);
},0);
}
},
state: function(composer, command) {
return false;
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.deleteTableCells = {
exec: function(composer, command, value) {
if (composer.tableSelection && composer.tableSelection.start && composer.tableSelection.end) {
var tableSelect = wysihtml5.dom.table.orderSelectionEnds(composer.tableSelection.start, composer.tableSelection.end),
idx = wysihtml5.dom.table.indexOf(tableSelect.start),
selCell,
table = composer.tableSelection.table;
wysihtml5.dom.table.removeCells(tableSelect.start, value);
setTimeout(function() {
// move selection to next or previous if not present
selCell = wysihtml5.dom.table.findCell(table, idx);
if (!selCell){
if (value == "row") {
selCell = wysihtml5.dom.table.findCell(table, {
"row": idx.row - 1,
"col": idx.col
});
}
if (value == "column") {
selCell = wysihtml5.dom.table.findCell(table, {
"row": idx.row,
"col": idx.col - 1
});
}
}
if (selCell) {
composer.tableSelection.select(selCell, selCell);
}
}, 0);
}
},
state: function(composer, command) {
return false;
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.indentList = {
exec: function(composer, command, value) {
var listEls = composer.selection.getSelectionParentsByTag('LI');
if (listEls) {
return this.tryToPushLiLevel(listEls, composer.selection);
}
return false;
},
state: function(composer, command) {
return false;
},
tryToPushLiLevel: function(liNodes, selection) {
var listTag, list, prevLi, liNode, prevLiList,
found = false;
selection.executeAndRestoreRangy(function() {
for (var i = liNodes.length; i--;) {
liNode = liNodes[i];
listTag = (liNode.parentNode.nodeName === 'OL') ? 'OL' : 'UL';
list = liNode.ownerDocument.createElement(listTag);
prevLi = wysihtml5.dom.domNode(liNode).prev({nodeTypes: [wysihtml5.ELEMENT_NODE]});
prevLiList = (prevLi) ? prevLi.querySelector('ul, ol') : null;
if (prevLi) {
if (prevLiList) {
prevLiList.appendChild(liNode);
} else {
list.appendChild(liNode);
prevLi.appendChild(list);
}
found = true;
}
}
});
return found;
}
};
}(wysihtml5));
;(function(wysihtml5){
wysihtml5.commands.outdentList = {
exec: function(composer, command, value) {
var listEls = composer.selection.getSelectionParentsByTag('LI');
if (listEls) {
return this.tryToPullLiLevel(listEls, composer);
}
return false;
},
state: function(composer, command) {
return false;
},
tryToPullLiLevel: function(liNodes, composer) {
var listNode, outerListNode, outerLiNode, list, prevLi, liNode, afterList,
found = false,
that = this;
composer.selection.executeAndRestoreRangy(function() {
for (var i = liNodes.length; i--;) {
liNode = liNodes[i];
if (liNode.parentNode) {
listNode = liNode.parentNode;
if (listNode.tagName === 'OL' || listNode.tagName === 'UL') {
found = true;
outerListNode = wysihtml5.dom.getParentElement(listNode.parentNode, { query: 'ol, ul' }, false, composer.element);
outerLiNode = wysihtml5.dom.getParentElement(listNode.parentNode, { query: 'li' }, false, composer.element);
if (outerListNode && outerLiNode) {
if (liNode.nextSibling) {
afterList = that.getAfterList(listNode, liNode);
liNode.appendChild(afterList);
}
outerListNode.insertBefore(liNode, outerLiNode.nextSibling);
} else {
if (liNode.nextSibling) {
afterList = that.getAfterList(listNode, liNode);
liNode.appendChild(afterList);
}
for (var j = liNode.childNodes.length; j--;) {
listNode.parentNode.insertBefore(liNode.childNodes[j], listNode.nextSibling);
}
listNode.parentNode.insertBefore(document.createElement('br'), listNode.nextSibling);
liNode.parentNode.removeChild(liNode);
}
// cleanup
if (listNode.childNodes.length === 0) {
listNode.parentNode.removeChild(listNode);
}
}
}
}
});
return found;
},
getAfterList: function(listNode, liNode) {
var nodeName = listNode.nodeName,
newList = document.createElement(nodeName);
while (liNode.nextSibling) {
newList.appendChild(liNode.nextSibling);
}
return newList;
}
};
}(wysihtml5));
;(function(wysihtml5){
var nodeOptions = {
nodeName: "SUB",
toggle: true
};
wysihtml5.commands.subscript = {
exec: function(composer, command) {
wysihtml5.commands.formatInline.exec(composer, command, nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatInline.state(composer, command, nodeOptions);
}
};
}(wysihtml5));
;(function(wysihtml5) {
var nodeOptions = {
nodeName: "SUP",
toggle: true
};
wysihtml5.commands.superscript = {
exec: function(composer, command) {
wysihtml5.commands.formatInline.exec(composer, command, nodeOptions);
},
state: function(composer, command) {
return wysihtml5.commands.formatInline.state(composer, command, nodeOptions);
}
};
}(wysihtml5));
;/**
* Undo Manager for wysihtml5
* slightly inspired by http://rniwa.com/editing/undomanager.html#the-undomanager-interface
*/
(function(wysihtml5) {
var Z_KEY = 90,
Y_KEY = 89,
BACKSPACE_KEY = 8,
DELETE_KEY = 46,
MAX_HISTORY_ENTRIES = 25,
DATA_ATTR_NODE = "data-wysihtml5-selection-node",
DATA_ATTR_OFFSET = "data-wysihtml5-selection-offset",
UNDO_HTML = '' + wysihtml5.INVISIBLE_SPACE + '',
REDO_HTML = '' + wysihtml5.INVISIBLE_SPACE + '',
dom = wysihtml5.dom;
function cleanTempElements(doc) {
var tempElement;
while (tempElement = doc.querySelector("._wysihtml5-temp")) {
tempElement.parentNode.removeChild(tempElement);
}
}
wysihtml5.UndoManager = wysihtml5.lang.Dispatcher.extend(
/** @scope wysihtml5.UndoManager.prototype */ {
constructor: function(editor) {
this.editor = editor;
this.composer = editor.composer;
this.element = this.composer.element;
this.position = 0;
this.historyStr = [];
this.historyDom = [];
this.transact();
this._observe();
},
_observe: function() {
var that = this,
doc = this.composer.sandbox.getDocument(),
lastKey;
// Catch CTRL+Z and CTRL+Y
dom.observe(this.element, "keydown", function(event) {
if (event.altKey || (!event.ctrlKey && !event.metaKey)) {
return;
}
var keyCode = event.keyCode,
isUndo = keyCode === Z_KEY && !event.shiftKey,
isRedo = (keyCode === Z_KEY && event.shiftKey) || (keyCode === Y_KEY);
if (isUndo) {
that.undo();
event.preventDefault();
} else if (isRedo) {
that.redo();
event.preventDefault();
}
});
// Catch delete and backspace
dom.observe(this.element, "keydown", function(event) {
var keyCode = event.keyCode;
if (keyCode === lastKey) {
return;
}
lastKey = keyCode;
if (keyCode === BACKSPACE_KEY || keyCode === DELETE_KEY) {
that.transact();
}
});
this.editor
.on("newword:composer", function() {
that.transact();
})
.on("beforecommand:composer", function() {
that.transact();
});
},
transact: function() {
var previousHtml = this.historyStr[this.position - 1],
currentHtml = this.composer.getValue(false, false),
composerIsVisible = this.element.offsetWidth > 0 && this.element.offsetHeight > 0,
range, node, offset, element, position;
if (currentHtml === previousHtml) {
return;
}
var length = this.historyStr.length = this.historyDom.length = this.position;
if (length > MAX_HISTORY_ENTRIES) {
this.historyStr.shift();
this.historyDom.shift();
this.position--;
}
this.position++;
if (composerIsVisible) {
// Do not start saving selection if composer is not visible
range = this.composer.selection.getRange();
node = (range && range.startContainer) ? range.startContainer : this.element;
offset = (range && range.startOffset) ? range.startOffset : 0;
if (node.nodeType === wysihtml5.ELEMENT_NODE) {
element = node;
} else {
element = node.parentNode;
position = this.getChildNodeIndex(element, node);
}
element.setAttribute(DATA_ATTR_OFFSET, offset);
if (typeof(position) !== "undefined") {
element.setAttribute(DATA_ATTR_NODE, position);
}
}
var clone = this.element.cloneNode(!!currentHtml);
this.historyDom.push(clone);
this.historyStr.push(currentHtml);
if (element) {
element.removeAttribute(DATA_ATTR_OFFSET);
element.removeAttribute(DATA_ATTR_NODE);
}
},
undo: function() {
this.transact();
if (!this.undoPossible()) {
return;
}
this.set(this.historyDom[--this.position - 1]);
this.editor.fire("undo:composer");
},
redo: function() {
if (!this.redoPossible()) {
return;
}
this.set(this.historyDom[++this.position - 1]);
this.editor.fire("redo:composer");
},
undoPossible: function() {
return this.position > 1;
},
redoPossible: function() {
return this.position < this.historyStr.length;
},
set: function(historyEntry) {
this.element.innerHTML = "";
var i = 0,
childNodes = historyEntry.childNodes,
length = historyEntry.childNodes.length;
for (; i";
},
getValue: function(parse, clearInternals) {
var value = this.isEmpty() ? "" : wysihtml5.quirks.getCorrectInnerHTML(this.element);
if (parse !== false) {
value = this.parent.parse(value, (clearInternals === false) ? false : true);
}
return value;
},
setValue: function(html, parse) {
if (parse !== false) {
html = this.parent.parse(html);
}
try {
this.element.innerHTML = html;
} catch (e) {
this.element.innerText = html;
}
},
cleanUp: function(rules) {
var bookmark;
if (this.selection && this.selection.isInThisEditable()) {
bookmark = rangy.saveSelection(this.win);
}
this.parent.parse(this.element, undefined, rules);
if (bookmark) {
rangy.restoreSelection(bookmark);
}
},
show: function() {
this.editableArea.style.display = this._displayStyle || "";
if (!this.config.noTextarea && !this.textarea.element.disabled) {
// Firefox needs this, otherwise contentEditable becomes uneditable
this.disable();
this.enable();
}
},
hide: function() {
this._displayStyle = dom.getStyle("display").from(this.editableArea);
if (this._displayStyle === "none") {
this._displayStyle = null;
}
this.editableArea.style.display = "none";
},
disable: function() {
this.parent.fire("disable:composer");
this.element.removeAttribute("contentEditable");
},
enable: function() {
this.parent.fire("enable:composer");
this.element.setAttribute("contentEditable", "true");
},
focus: function(setToEnd) {
// IE 8 fires the focus event after .focus()
// This is needed by our simulate_placeholder.js to work
// therefore we clear it ourselves this time
if (wysihtml5.browser.doesAsyncFocus() && this.hasPlaceholderSet()) {
this.clear();
}
this.base();
var lastChild = this.element.lastChild;
if (setToEnd && lastChild && this.selection) {
if (lastChild.nodeName === "BR") {
this.selection.setBefore(this.element.lastChild);
} else {
this.selection.setAfter(this.element.lastChild);
}
}
},
getScrollPos: function() {
if (this.doc && this.win) {
var pos = {};
if (typeof this.win.pageYOffset !== "undefined") {
pos.y = this.win.pageYOffset;
} else {
pos.y = (this.doc.documentElement || this.doc.body.parentNode || this.doc.body).scrollTop;
}
if (typeof this.win.pageXOffset !== "undefined") {
pos.x = this.win.pageXOffset;
} else {
pos.x = (this.doc.documentElement || this.doc.body.parentNode || this.doc.body).scrollLeft;
}
return pos;
}
},
setScrollPos: function(pos) {
if (pos && typeof pos.x !== "undefined" && typeof pos.y !== "undefined") {
this.win.scrollTo(pos.x, pos.y);
}
},
getTextContent: function() {
return dom.getTextContent(this.element);
},
hasPlaceholderSet: function() {
return this.getTextContent() == ((this.config.noTextarea) ? this.editableArea.getAttribute("data-placeholder") : this.textarea.element.getAttribute("placeholder")) && this.placeholderSet;
},
isEmpty: function() {
var innerHTML = this.element.innerHTML.toLowerCase();
return (/^(\s|
|<\/br>||<\/p>)*$/i).test(innerHTML) ||
innerHTML === "" ||
innerHTML === "
" ||
innerHTML === "
" ||
innerHTML === "
" ||
this.hasPlaceholderSet();
},
_initContentEditableArea: function() {
var that = this;
if (this.config.noTextarea) {
this.sandbox = new dom.ContentEditableArea(function() {
that._create();
}, {
className: this.config.classNames.sandbox
}, this.editableArea);
} else {
this.sandbox = new dom.ContentEditableArea(function() {
that._create();
}, {
className: this.config.classNames.sandbox
});
this.editableArea = this.sandbox.getContentEditable();
dom.insert(this.editableArea).after(this.textarea.element);
this._createWysiwygFormField();
}
},
_initSandbox: function() {
var that = this;
this.sandbox = new dom.Sandbox(function() {
that._create();
}, {
stylesheets: this.config.stylesheets,
className: this.config.classNames.sandbox
});
this.editableArea = this.sandbox.getIframe();
var textareaElement = this.textarea.element;
dom.insert(this.editableArea).after(textareaElement);
this._createWysiwygFormField();
},
// Creates hidden field which tells the server after submit, that the user used an wysiwyg editor
_createWysiwygFormField: function() {
if (this.textarea.element.form) {
var hiddenField = document.createElement("input");
hiddenField.type = "hidden";
hiddenField.name = "_wysihtml5_mode";
hiddenField.value = 1;
dom.insert(hiddenField).after(this.textarea.element);
}
},
_create: function() {
var that = this;
this.doc = this.sandbox.getDocument();
this.win = this.sandbox.getWindow();
this.element = (this.config.contentEditableMode) ? this.sandbox.getContentEditable() : this.doc.body;
if (!this.config.noTextarea) {
this.textarea = this.parent.textarea;
this.element.innerHTML = this.textarea.getValue(true, false);
} else {
this.cleanUp(); // cleans contenteditable on initiation as it may contain html
}
// Make sure our selection handler is ready
this.selection = new wysihtml5.Selection(this.parent, this.element, this.config.classNames.uneditableContainer);
// Make sure commands dispatcher is ready
this.commands = new wysihtml5.Commands(this.parent);
if (!this.config.noTextarea) {
dom.copyAttributes([
"className", "spellcheck", "title", "lang", "dir", "accessKey"
]).from(this.textarea.element).to(this.element);
}
this._initAutoLinking();
dom.addClass(this.element, this.config.classNames.composer);
//
// Make the editor look like the original textarea, by syncing styles
if (this.config.style && !this.config.contentEditableMode) {
this.style();
}
this.observe();
var name = this.config.name;
if (name) {
dom.addClass(this.element, name);
if (!this.config.contentEditableMode) { dom.addClass(this.editableArea, name); }
}
this.enable();
if (!this.config.noTextarea && this.textarea.element.disabled) {
this.disable();
}
// Simulate html5 placeholder attribute on contentEditable element
var placeholderText = typeof(this.config.placeholder) === "string"
? this.config.placeholder
: ((this.config.noTextarea) ? this.editableArea.getAttribute("data-placeholder") : this.textarea.element.getAttribute("placeholder"));
if (placeholderText) {
dom.simulatePlaceholder(this.parent, this, placeholderText, this.config.classNames.placeholder);
}
// Make sure that the browser avoids using inline styles whenever possible
this.commands.exec("styleWithCSS", false);
this._initObjectResizing();
this._initUndoManager();
this._initLineBreaking();
// Simulate html5 autofocus on contentEditable element
// This doesn't work on IOS (5.1.1)
if (!this.config.noTextarea && (this.textarea.element.hasAttribute("autofocus") || document.querySelector(":focus") == this.textarea.element) && !browser.isIos()) {
setTimeout(function() { that.focus(true); }, 100);
}
// IE sometimes leaves a single paragraph, which can't be removed by the user
if (!browser.clearsContentEditableCorrectly()) {
wysihtml5.quirks.ensureProperClearing(this);
}
// Set up a sync that makes sure that textarea and editor have the same content
if (this.initSync && this.config.sync) {
this.initSync();
}
// Okay hide the textarea, we are ready to go
if (!this.config.noTextarea) { this.textarea.hide(); }
// Fire global (before-)load event
this.parent.fire("beforeload").fire("load");
},
_initAutoLinking: function() {
var that = this,
supportsDisablingOfAutoLinking = browser.canDisableAutoLinking(),
supportsAutoLinking = browser.doesAutoLinkingInContentEditable();
if (supportsDisablingOfAutoLinking) {
this.commands.exec("AutoUrlDetect", false, false);
}
if (!this.config.autoLink) {
return;
}
// Only do the auto linking by ourselves when the browser doesn't support auto linking
// OR when he supports auto linking but we were able to turn it off (IE9+)
if (!supportsAutoLinking || (supportsAutoLinking && supportsDisablingOfAutoLinking)) {
this.parent.on("newword:composer", function() {
if (dom.getTextContent(that.element).match(dom.autoLink.URL_REG_EXP)) {
var nodeWithSelection = that.selection.getSelectedNode(),
uneditables = that.element.querySelectorAll("." + that.config.classNames.uneditableContainer),
isInUneditable = false;
for (var i = uneditables.length; i--;) {
if (wysihtml5.dom.contains(uneditables[i], nodeWithSelection)) {
isInUneditable = true;
}
}
if (!isInUneditable) dom.autoLink(nodeWithSelection, [that.config.classNames.uneditableContainer]);
}
});
dom.observe(this.element, "blur", function() {
dom.autoLink(that.element, [that.config.classNames.uneditableContainer]);
});
}
// Assuming we have the following:
// http://www.google.de
// If a user now changes the url in the innerHTML we want to make sure that
// it's synchronized with the href attribute (as long as the innerHTML is still a url)
var // Use a live NodeList to check whether there are any links in the document
links = this.sandbox.getDocument().getElementsByTagName("a"),
// The autoLink helper method reveals a reg exp to detect correct urls
urlRegExp = dom.autoLink.URL_REG_EXP,
getTextContent = function(element) {
var textContent = wysihtml5.lang.string(dom.getTextContent(element)).trim();
if (textContent.substr(0, 4) === "www.") {
textContent = "http://" + textContent;
}
return textContent;
};
dom.observe(this.element, "keydown", function(event) {
if (!links.length) {
return;
}
var selectedNode = that.selection.getSelectedNode(event.target.ownerDocument),
link = dom.getParentElement(selectedNode, { query: "a" }, 4),
textContent;
if (!link) {
return;
}
textContent = getTextContent(link);
// keydown is fired before the actual content is changed
// therefore we set a timeout to change the href
setTimeout(function() {
var newTextContent = getTextContent(link);
if (newTextContent === textContent) {
return;
}
// Only set href when new href looks like a valid url
if (newTextContent.match(urlRegExp)) {
link.setAttribute("href", newTextContent);
}
}, 0);
});
},
_initObjectResizing: function() {
this.commands.exec("enableObjectResizing", true);
// IE sets inline styles after resizing objects
// The following lines make sure that the width/height css properties
// are copied over to the width/height attributes
if (browser.supportsEvent("resizeend")) {
var properties = ["width", "height"],
propertiesLength = properties.length,
element = this.element;
dom.observe(element, "resizeend", function(event) {
var target = event.target || event.srcElement,
style = target.style,
i = 0,
property;
if (target.nodeName !== "IMG") {
return;
}
for (; i p:first-child { margin-top: 0; }",
"._wysihtml5-temp { display: none; }",
wysihtml5.browser.isGecko ?
"body.placeholder { color: graytext !important; }" :
"body.placeholder { color: #a9a9a9 !important; }",
// Ensure that user see's broken images and can delete them
"img:-moz-broken { -moz-force-broken-image-icon: 1; height: 24px; width: 24px; }"
];
/**
* With "setActive" IE offers a smart way of focusing elements without scrolling them into view:
* http://msdn.microsoft.com/en-us/library/ms536738(v=vs.85).aspx
*
* Other browsers need a more hacky way: (pssst don't tell my mama)
* In order to prevent the element being scrolled into view when focusing it, we simply
* move it out of the scrollable area, focus it, and reset it's position
*/
var focusWithoutScrolling = function(element) {
if (element.setActive) {
// Following line could cause a js error when the textarea is invisible
// See https://github.com/xing/wysihtml5/issues/9
try { element.setActive(); } catch(e) {}
} else {
var elementStyle = element.style,
originalScrollTop = doc.documentElement.scrollTop || doc.body.scrollTop,
originalScrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft,
originalStyles = {
position: elementStyle.position,
top: elementStyle.top,
left: elementStyle.left,
WebkitUserSelect: elementStyle.WebkitUserSelect
};
dom.setStyles({
position: "absolute",
top: "-99999px",
left: "-99999px",
// Don't ask why but temporarily setting -webkit-user-select to none makes the whole thing performing smoother
WebkitUserSelect: "none"
}).on(element);
element.focus();
dom.setStyles(originalStyles).on(element);
if (win.scrollTo) {
// Some browser extensions unset this method to prevent annoyances
// "Better PopUp Blocker" for Chrome http://code.google.com/p/betterpopupblocker/source/browse/trunk/blockStart.js#100
// Issue: http://code.google.com/p/betterpopupblocker/issues/detail?id=1
win.scrollTo(originalScrollLeft, originalScrollTop);
}
}
};
wysihtml5.views.Composer.prototype.style = function() {
var that = this,
originalActiveElement = doc.querySelector(":focus"),
textareaElement = this.textarea.element,
hasPlaceholder = textareaElement.hasAttribute("placeholder"),
originalPlaceholder = hasPlaceholder && textareaElement.getAttribute("placeholder"),
originalDisplayValue = textareaElement.style.display,
originalDisabled = textareaElement.disabled,
displayValueForCopying;
this.focusStylesHost = HOST_TEMPLATE.cloneNode(false);
this.blurStylesHost = HOST_TEMPLATE.cloneNode(false);
this.disabledStylesHost = HOST_TEMPLATE.cloneNode(false);
// Remove placeholder before copying (as the placeholder has an affect on the computed style)
if (hasPlaceholder) {
textareaElement.removeAttribute("placeholder");
}
if (textareaElement === originalActiveElement) {
textareaElement.blur();
}
// enable for copying styles
textareaElement.disabled = false;
// set textarea to display="none" to get cascaded styles via getComputedStyle
textareaElement.style.display = displayValueForCopying = "none";
if ((textareaElement.getAttribute("rows") && dom.getStyle("height").from(textareaElement) === "auto") ||
(textareaElement.getAttribute("cols") && dom.getStyle("width").from(textareaElement) === "auto")) {
textareaElement.style.display = displayValueForCopying = originalDisplayValue;
}
// --------- iframe styles (has to be set before editor styles, otherwise IE9 sets wrong fontFamily on blurStylesHost) ---------
dom.copyStyles(BOX_FORMATTING).from(textareaElement).to(this.editableArea).andTo(this.blurStylesHost);
// --------- editor styles ---------
dom.copyStyles(TEXT_FORMATTING).from(textareaElement).to(this.element).andTo(this.blurStylesHost);
// --------- apply standard rules ---------
dom.insertCSS(ADDITIONAL_CSS_RULES).into(this.element.ownerDocument);
// --------- :disabled styles ---------
textareaElement.disabled = true;
dom.copyStyles(BOX_FORMATTING).from(textareaElement).to(this.disabledStylesHost);
dom.copyStyles(TEXT_FORMATTING).from(textareaElement).to(this.disabledStylesHost);
textareaElement.disabled = originalDisabled;
// --------- :focus styles ---------
textareaElement.style.display = originalDisplayValue;
focusWithoutScrolling(textareaElement);
textareaElement.style.display = displayValueForCopying;
dom.copyStyles(BOX_FORMATTING).from(textareaElement).to(this.focusStylesHost);
dom.copyStyles(TEXT_FORMATTING).from(textareaElement).to(this.focusStylesHost);
// reset textarea
textareaElement.style.display = originalDisplayValue;
dom.copyStyles(["display"]).from(textareaElement).to(this.editableArea);
// Make sure that we don't change the display style of the iframe when copying styles oblur/onfocus
// this is needed for when the change_view event is fired where the iframe is hidden and then
// the blur event fires and re-displays it
var boxFormattingStyles = wysihtml5.lang.array(BOX_FORMATTING).without(["display"]);
// --------- restore focus ---------
if (originalActiveElement) {
originalActiveElement.focus();
} else {
textareaElement.blur();
}
// --------- restore placeholder ---------
if (hasPlaceholder) {
textareaElement.setAttribute("placeholder", originalPlaceholder);
}
// --------- Sync focus/blur styles ---------
this.parent.on("focus:composer", function() {
dom.copyStyles(boxFormattingStyles) .from(that.focusStylesHost).to(that.editableArea);
dom.copyStyles(TEXT_FORMATTING) .from(that.focusStylesHost).to(that.element);
});
this.parent.on("blur:composer", function() {
dom.copyStyles(boxFormattingStyles) .from(that.blurStylesHost).to(that.editableArea);
dom.copyStyles(TEXT_FORMATTING) .from(that.blurStylesHost).to(that.element);
});
this.parent.observe("disable:composer", function() {
dom.copyStyles(boxFormattingStyles) .from(that.disabledStylesHost).to(that.editableArea);
dom.copyStyles(TEXT_FORMATTING) .from(that.disabledStylesHost).to(that.element);
});
this.parent.observe("enable:composer", function() {
dom.copyStyles(boxFormattingStyles) .from(that.blurStylesHost).to(that.editableArea);
dom.copyStyles(TEXT_FORMATTING) .from(that.blurStylesHost).to(that.element);
});
return this;
};
})(wysihtml5);
;/**
* Taking care of events
* - Simulating 'change' event on contentEditable element
* - Handling drag & drop logic
* - Catch paste events
* - Dispatch proprietary newword:composer event
* - Keyboard shortcuts
*/
(function(wysihtml5) {
var dom = wysihtml5.dom,
browser = wysihtml5.browser,
/**
* Map keyCodes to query commands
*/
shortcuts = {
"66": "bold", // B
"73": "italic", // I
"85": "underline" // U
};
// Adds multiple eventlisteners to target, bound to one callback
// TODO: If needed elsewhere make it part of wysihtml5.dom or sth
var addListeners = function (target, events, callback) {
for(var i = 0, max = events.length; i < max; i++) {
target.addEventListener(events[i], callback, false);
}
};
// Removes multiple eventlisteners from target, bound to one callback
// TODO: If needed elsewhere make it part of wysihtml5.dom or sth
var removeListeners = function (target, events, callback) {
for(var i = 0, max = events.length; i < max; i++) {
target.removeEventListener(events[i], callback, false);
}
};
// Override for giving user ability to delete last line break in table cell
var fixLastBrDeletionInTable = function(composer, force) {
if (composer.selection.caretIsLastInSelection()) {
var sel = composer.selection.getSelection(),
aNode = sel.anchorNode;
if (aNode && aNode.nodeType === 1 && (wysihtml5.dom.getParentElement(aNode, {query: 'td, th'}, false, composer.element) || force)) {
var nextNode = aNode.childNodes[sel.anchorOffset];
if (nextNode && nextNode.nodeType === 1 & nextNode.nodeName === "BR") {
nextNode.parentNode.removeChild(nextNode);
return true;
}
}
}
return false;
};
// If found an uneditable before caret then notify it before deletion
var handleUneditableDeletion = function(composer) {
var before = composer.selection.getBeforeSelection(true);
if (before && (before.type === "element" || before.type === "leafnode") && before.node.nodeType === 1 && before.node.classList.contains(composer.config.classNames.uneditableContainer)) {
if (fixLastBrDeletionInTable(composer, true)) {
return true;
}
try {
var ev = new CustomEvent("wysihtml5:uneditable:delete");
before.node.dispatchEvent(ev);
} catch (err) {}
before.node.parentNode.removeChild(before.node);
return true;
}
return false;
};
// Deletion with caret in the beginning of headings needs special attention
// Heading does not concate text to previous block node correctly (browsers do unexpected miracles here especially webkit)
var fixDeleteInTheBeginnigOfHeading = function(composer) {
var selection = composer.selection,
prevNode = selection.getPreviousNode();
if (selection.caretIsFirstInSelection() &&
prevNode &&
prevNode.nodeType === 1 &&
(/block/).test(composer.win.getComputedStyle(prevNode).display)
) {
if ((/^\s*$/).test(prevNode.textContent || prevNode.innerText)) {
// If heading is empty remove the heading node
prevNode.parentNode.removeChild(prevNode);
return true;
} else {
if (prevNode.lastChild) {
var selNode = prevNode.lastChild,
selectedNode = selection.getSelectedNode(),
commonAncestorNode = wysihtml5.dom.domNode(prevNode).commonAncestor(selectedNode, composer.element);
curNode = commonAncestorNode ? wysihtml5.dom.getParentElement(selectedNode, {
query: "h1, h2, h3, h4, h5, h6, p, pre, div, blockquote"
}, false, commonAncestorNode) : null;
if (curNode) {
while (curNode.firstChild) {
prevNode.appendChild(curNode.firstChild);
}
selection.setAfter(selNode);
return true;
} else if (selectedNode.nodeType === 3) {
prevNode.appendChild(selectedNode);
selection.setAfter(selNode);
return true;
}
}
}
}
return false;
};
var handleDeleteKeyPress = function(event, composer) {
var selection = composer.selection,
element = composer.element;
if (selection.isCollapsed()) {
if (fixDeleteInTheBeginnigOfHeading(composer)) {
event.preventDefault();
return;
}
if (fixLastBrDeletionInTable(composer)) {
event.preventDefault();
return;
}
if (handleUneditableDeletion(composer)) {
event.preventDefault();
return;
}
} else {
if (selection.containsUneditable()) {
event.preventDefault();
selection.deleteContents();
}
}
};
var handleTabKeyDown = function(composer, element, shiftKey) {
if (!composer.selection.isCollapsed()) {
composer.selection.deleteContents();
} else if (composer.selection.caretIsInTheBeginnig('li')) {
if (shiftKey) {
if (composer.commands.exec('outdentList')) return;
} else {
if (composer.commands.exec('indentList')) return;
}
}
// Is close enough to tab. Could not find enough counter arguments for now.
composer.commands.exec("insertHTML", " ");
};
var handleDomNodeRemoved = function(event) {
if (this.domNodeRemovedInterval) {
clearInterval(domNodeRemovedInterval);
}
this.parent.fire("destroy:composer");
};
// Listens to "drop", "paste", "mouseup", "focus", "keyup" events and fires
var handleUserInteraction = function (event) {
this.parent.fire("beforeinteraction", event).fire("beforeinteraction:composer", event);
setTimeout((function() {
this.parent.fire("interaction", event).fire("interaction:composer", event);
}).bind(this), 0);
};
var handleFocus = function(event) {
this.parent.fire("focus", event).fire("focus:composer", event);
// Delay storing of state until all focus handler are fired
// especially the one which resets the placeholder
setTimeout((function() {
this.focusState = this.getValue(false, false);
}).bind(this), 0);
};
var handleBlur = function(event) {
if (this.focusState !== this.getValue(false, false)) {
//create change event if supported (all except IE8)
var changeevent = event;
if(typeof Object.create == 'function') {
changeevent = Object.create(event, { type: { value: 'change' } });
}
this.parent.fire("change", changeevent).fire("change:composer", changeevent);
}
this.parent.fire("blur", event).fire("blur:composer", event);
};
var handlePaste = function(event) {
this.parent.fire(event.type, event).fire(event.type + ":composer", event);
if (event.type === "paste") {
setTimeout((function() {
this.parent.fire("newword:composer");
}).bind(this), 0);
}
};
var handleCopy = function(event) {
if (this.config.copyedFromMarking) {
// If supported the copied source can be based directly on selection
// Very useful for webkit based browsers where copy will otherwise contain a lot of code and styles based on whatever and not actually in selection.
if (wysihtml5.browser.supportsModernPaste()) {
event.clipboardData.setData("text/html", this.config.copyedFromMarking + this.selection.getHtml());
event.clipboardData.setData("text/plain", this.selection.getPlainText());
event.preventDefault();
}
this.parent.fire(event.type, event).fire(event.type + ":composer", event);
}
};
var handleKeyUp = function(event) {
var keyCode = event.keyCode;
if (keyCode === wysihtml5.SPACE_KEY || keyCode === wysihtml5.ENTER_KEY) {
this.parent.fire("newword:composer");
}
};
var handleMouseDown = function(event) {
if (!browser.canSelectImagesInContentEditable()) {
// Make sure that images are selected when clicking on them
var target = event.target,
allImages = this.element.querySelectorAll('img'),
notMyImages = this.element.querySelectorAll('.' + this.config.classNames.uneditableContainer + ' img'),
myImages = wysihtml5.lang.array(allImages).without(notMyImages);
if (target.nodeName === "IMG" && wysihtml5.lang.array(myImages).contains(target)) {
this.selection.selectNode(target);
}
}
};
// TODO: mouseover is not actually a foolproof and obvious place for this, must be changed as it modifies dom on random basis
// Shows url in tooltip when hovering links or images
var handleMouseOver = function(event) {
var titlePrefixes = {
IMG: "Image: ",
A: "Link: "
},
target = event.target,
nodeName = target.nodeName,
title;
if (nodeName !== "A" && nodeName !== "IMG") {
return;
}
if(!target.hasAttribute("title")){
title = titlePrefixes[nodeName] + (target.getAttribute("href") || target.getAttribute("src"));
target.setAttribute("title", title);
}
};
var handleClick = function(event) {
if (this.config.classNames.uneditableContainer) {
// If uneditables is configured, makes clicking on uneditable move caret after clicked element (so it can be deleted like text)
// If uneditable needs text selection itself event.stopPropagation can be used to prevent this behaviour
var uneditable = wysihtml5.dom.getParentElement(event.target, { query: "." + this.config.classNames.uneditableContainer }, false, this.element);
if (uneditable) {
this.selection.setAfter(uneditable);
}
}
};
var handleDrop = function(event) {
if (!browser.canSelectImagesInContentEditable()) {
// TODO: if I knew how to get dropped elements list from event I could limit it to only IMG element case
setTimeout((function() {
this.selection.getSelection().removeAllRanges();
}).bind(this), 0);
}
};
var handleKeyDown = function(event) {
var keyCode = event.keyCode,
command = shortcuts[keyCode],
target, parent;
// Select all (meta/ctrl + a)
if ((event.ctrlKey || event.metaKey) && !event.altKey && keyCode === 65) {
this.selection.selectAll();
event.preventDefault();
return;
}
// Shortcut logic
if ((event.ctrlKey || event.metaKey) && !event.altKey && command) {
this.commands.exec(command);
event.preventDefault();
}
if (keyCode === wysihtml5.BACKSPACE_KEY) {
// Delete key override for special cases
handleDeleteKeyPress(event, this);
}
// Make sure that when pressing backspace/delete on selected images deletes the image and it's anchor
if (keyCode === wysihtml5.BACKSPACE_KEY || keyCode === wysihtml5.DELETE_KEY) {
target = this.selection.getSelectedNode(true);
if (target && target.nodeName === "IMG") {
event.preventDefault();
parent = target.parentNode;
parent.removeChild(target);// delete the ![]()
// And it's parent too if it hasn't got any other child nodes
if (parent.nodeName === "A" && !parent.firstChild) {
parent.parentNode.removeChild(parent);
}
setTimeout((function() {
wysihtml5.quirks.redraw(this.element);
}).bind(this), 0);
}
}
if (this.config.handleTabKey && keyCode === wysihtml5.TAB_KEY) {
// TAB key handling
event.preventDefault();
handleTabKeyDown(this, this.element, event.shiftKey);
}
};
var handleIframeFocus = function(event) {
setTimeout((function() {
if (this.doc.querySelector(":focus") !== this.element) {
this.focus();
}
}).bind(this), 0);
};
var handleIframeBlur = function(event) {
setTimeout((function() {
this.selection.getSelection().removeAllRanges();
}).bind(this), 0);
};
// Table management
// If present enableObjectResizing and enableInlineTableEditing command should be called with false to prevent native table handlers
var initTableHandling = function () {
var hideHandlers = function () {
window.removeEventListener('load', hideHandlers);
this.doc.execCommand("enableObjectResizing", false, "false");
this.doc.execCommand("enableInlineTableEditing", false, "false");
}.bind(this),
iframeInitiator = (function() {
hideHandlers.call(this);
removeListeners(this.sandbox.getIframe(), ["focus", "mouseup", "mouseover"], iframeInitiator);
}).bind(this);
if( this.doc.execCommand &&
wysihtml5.browser.supportsCommand(this.doc, "enableObjectResizing") &&
wysihtml5.browser.supportsCommand(this.doc, "enableInlineTableEditing"))
{
if (this.sandbox.getIframe) {
addListeners(this.sandbox.getIframe(), ["focus", "mouseup", "mouseover"], iframeInitiator);
} else {
window.addEventListener('load', hideHandlers);
}
}
this.tableSelection = wysihtml5.quirks.tableCellsSelection(this.element, this.parent);
};
wysihtml5.views.Composer.prototype.observe = function() {
var that = this,
container = (this.sandbox.getIframe) ? this.sandbox.getIframe() : this.sandbox.getContentEditable(),
element = this.element,
focusBlurElement = (browser.supportsEventsInIframeCorrectly() || this.sandbox.getContentEditable) ? this.element : this.sandbox.getWindow();
this.focusState = this.getValue(false, false);
// --------- destroy:composer event ---------
container.addEventListener(["DOMNodeRemoved"], handleDomNodeRemoved.bind(this), false);
// DOMNodeRemoved event is not supported in IE 8
// TODO: try to figure out a polyfill style fix, so it could be transferred to polyfills and removed if ie8 is not needed
if (!browser.supportsMutationEvents()) {
this.domNodeRemovedInterval = setInterval(function() {
if (!dom.contains(document.documentElement, container)) {
handleDomNodeRemoved.call(this);
}
}, 250);
}
// --------- User interactions --
if (this.config.handleTables) {
// If handleTables option is true, table handling functions are bound
initTableHandling.call(this);
}
addListeners(focusBlurElement, ["drop", "paste", "mouseup", "focus", "keyup"], handleUserInteraction.bind(this));
focusBlurElement.addEventListener("focus", handleFocus.bind(this), false);
focusBlurElement.addEventListener("blur", handleBlur.bind(this), false);
addListeners(this.element, ["drop", "paste", "beforepaste"], handlePaste.bind(this), false);
this.element.addEventListener("copy", handleCopy.bind(this), false);
this.element.addEventListener("mousedown", handleMouseDown.bind(this), false);
this.element.addEventListener("mouseover", handleMouseOver.bind(this), false);
this.element.addEventListener("click", handleClick.bind(this), false);
this.element.addEventListener("drop", handleDrop.bind(this), false);
this.element.addEventListener("keyup", handleKeyUp.bind(this), false);
this.element.addEventListener("keydown", handleKeyDown.bind(this), false);
this.element.addEventListener("dragenter", (function() {
this.parent.fire("unset_placeholder");
}).bind(this), false);
};
})(wysihtml5);
;/**
* Class that takes care that the value of the composer and the textarea is always in sync
*/
(function(wysihtml5) {
var INTERVAL = 400;
wysihtml5.views.Synchronizer = Base.extend(
/** @scope wysihtml5.views.Synchronizer.prototype */ {
constructor: function(editor, textarea, composer) {
this.editor = editor;
this.textarea = textarea;
this.composer = composer;
this._observe();
},
/**
* Sync html from composer to textarea
* Takes care of placeholders
* @param {Boolean} shouldParseHtml Whether the html should be sanitized before inserting it into the textarea
*/
fromComposerToTextarea: function(shouldParseHtml) {
this.textarea.setValue(wysihtml5.lang.string(this.composer.getValue(false, false)).trim(), shouldParseHtml);
},
/**
* Sync value of textarea to composer
* Takes care of placeholders
* @param {Boolean} shouldParseHtml Whether the html should be sanitized before inserting it into the composer
*/
fromTextareaToComposer: function(shouldParseHtml) {
var textareaValue = this.textarea.getValue(false, false);
if (textareaValue) {
this.composer.setValue(textareaValue, shouldParseHtml);
} else {
this.composer.clear();
this.editor.fire("set_placeholder");
}
},
/**
* Invoke syncing based on view state
* @param {Boolean} shouldParseHtml Whether the html should be sanitized before inserting it into the composer/textarea
*/
sync: function(shouldParseHtml) {
if (this.editor.currentView.name === "textarea") {
this.fromTextareaToComposer(shouldParseHtml);
} else {
this.fromComposerToTextarea(shouldParseHtml);
}
},
/**
* Initializes interval-based syncing
* also makes sure that on-submit the composer's content is synced with the textarea
* immediately when the form gets submitted
*/
_observe: function() {
var interval,
that = this,
form = this.textarea.element.form,
startInterval = function() {
interval = setInterval(function() { that.fromComposerToTextarea(); }, INTERVAL);
},
stopInterval = function() {
clearInterval(interval);
interval = null;
};
startInterval();
if (form) {
// If the textarea is in a form make sure that after onreset and onsubmit the composer
// has the correct state
wysihtml5.dom.observe(form, "submit", function() {
that.sync(true);
});
wysihtml5.dom.observe(form, "reset", function() {
setTimeout(function() { that.fromTextareaToComposer(); }, 0);
});
}
this.editor.on("change_view", function(view) {
if (view === "composer" && !interval) {
that.fromTextareaToComposer(true);
startInterval();
} else if (view === "textarea") {
that.fromComposerToTextarea(true);
stopInterval();
}
});
this.editor.on("destroy:composer", stopInterval);
}
});
})(wysihtml5);
;(function(wysihtml5) {
wysihtml5.views.SourceView = Base.extend(
/** @scope wysihtml5.views.SourceView.prototype */ {
constructor: function(editor, composer) {
this.editor = editor;
this.composer = composer;
this._observe();
},
switchToTextarea: function(shouldParseHtml) {
var composerStyles = this.composer.win.getComputedStyle(this.composer.element),
width = parseFloat(composerStyles.width),
height = Math.max(parseFloat(composerStyles.height), 100);
if (!this.textarea) {
this.textarea = this.composer.doc.createElement('textarea');
this.textarea.className = "wysihtml5-source-view";
}
this.textarea.style.width = width + 'px';
this.textarea.style.height = height + 'px';
this.textarea.value = this.editor.getValue(shouldParseHtml, true);
this.composer.element.parentNode.insertBefore(this.textarea, this.composer.element);
this.editor.currentView = "source";
this.composer.element.style.display = 'none';
},
switchToComposer: function(shouldParseHtml) {
var textareaValue = this.textarea.value;
if (textareaValue) {
this.composer.setValue(textareaValue, shouldParseHtml);
} else {
this.composer.clear();
this.editor.fire("set_placeholder");
}
this.textarea.parentNode.removeChild(this.textarea);
this.editor.currentView = this.composer;
this.composer.element.style.display = '';
},
_observe: function() {
this.editor.on("change_view", function(view) {
if (view === "composer") {
this.switchToComposer(true);
} else if (view === "textarea") {
this.switchToTextarea(true);
}
}.bind(this));
}
});
})(wysihtml5);
;wysihtml5.views.Textarea = wysihtml5.views.View.extend(
/** @scope wysihtml5.views.Textarea.prototype */ {
name: "textarea",
constructor: function(parent, textareaElement, config) {
this.base(parent, textareaElement, config);
this._observe();
},
clear: function() {
this.element.value = "";
},
getValue: function(parse) {
var value = this.isEmpty() ? "" : this.element.value;
if (parse !== false) {
value = this.parent.parse(value);
}
return value;
},
setValue: function(html, parse) {
if (parse !== false) {
html = this.parent.parse(html);
}
this.element.value = html;
},
cleanUp: function(rules) {
var html = this.parent.parse(this.element.value, undefined, rules);
this.element.value = html;
},
hasPlaceholderSet: function() {
var supportsPlaceholder = wysihtml5.browser.supportsPlaceholderAttributeOn(this.element),
placeholderText = this.element.getAttribute("placeholder") || null,
value = this.element.value,
isEmpty = !value;
return (supportsPlaceholder && isEmpty) || (value === placeholderText);
},
isEmpty: function() {
return !wysihtml5.lang.string(this.element.value).trim() || this.hasPlaceholderSet();
},
_observe: function() {
var element = this.element,
parent = this.parent,
eventMapping = {
focusin: "focus",
focusout: "blur"
},
/**
* Calling focus() or blur() on an element doesn't synchronously trigger the attached focus/blur events
* This is the case for focusin and focusout, so let's use them whenever possible, kkthxbai
*/
events = wysihtml5.browser.supportsEvent("focusin") ? ["focusin", "focusout", "change"] : ["focus", "blur", "change"];
parent.on("beforeload", function() {
wysihtml5.dom.observe(element, events, function(event) {
var eventName = eventMapping[event.type] || event.type;
parent.fire(eventName).fire(eventName + ":textarea");
});
wysihtml5.dom.observe(element, ["paste", "drop"], function() {
setTimeout(function() { parent.fire("paste").fire("paste:textarea"); }, 0);
});
});
}
});
;/**
* WYSIHTML5 Editor
*
* @param {Element} editableElement Reference to the textarea which should be turned into a rich text interface
* @param {Object} [config] See defaultConfig object below for explanation of each individual config option
*
* @events
* load
* beforeload (for internal use only)
* focus
* focus:composer
* focus:textarea
* blur
* blur:composer
* blur:textarea
* change
* change:composer
* change:textarea
* paste
* paste:composer
* paste:textarea
* newword:composer
* destroy:composer
* undo:composer
* redo:composer
* beforecommand:composer
* aftercommand:composer
* enable:composer
* disable:composer
* change_view
*/
(function(wysihtml5) {
var undef;
var defaultConfig = {
// Give the editor a name, the name will also be set as class name on the iframe and on the iframe's body
name: undef,
// Whether the editor should look like the textarea (by adopting styles)
style: true,
// Id of the toolbar element, pass falsey value if you don't want any toolbar logic
toolbar: undef,
// Whether toolbar is displayed after init by script automatically.
// Can be set to false if toolobar is set to display only on editable area focus
showToolbarAfterInit: true,
// With default toolbar it shows dialogs in toolbar when their related text format state becomes active (click on link in text opens link dialogue)
showToolbarDialogsOnSelection: true,
// Whether urls, entered by the user should automatically become clickable-links
autoLink: true,
// Includes table editing events and cell selection tracking
handleTables: true,
// Tab key inserts tab into text as default behaviour. It can be disabled to regain keyboard navigation
handleTabKey: true,
// Object which includes parser rules to apply when html gets cleaned
// See parser_rules/*.js for examples
parserRules: { tags: { br: {}, span: {}, div: {}, p: {}, b: {}, i: {}, u: {} }, classes: {} },
// Object which includes parser when the user inserts content via copy & paste. If null parserRules will be used instead
pasteParserRulesets: null,
// Parser method to use when the user inserts content
parser: wysihtml5.dom.parse,
// By default wysihtml5 will insert a
for line breaks, set this to false to use
useLineBreaks: true,
// Array (or single string) of stylesheet urls to be loaded in the editor's iframe
stylesheets: [],
// Placeholder text to use, defaults to the placeholder attribute on the textarea element
placeholderText: undef,
// Whether the rich text editor should be rendered on touch devices (wysihtml5 >= 0.3.0 comes with basic support for iOS 5)
supportTouchDevices: true,
// Whether senseless elements (empty or without attributes) should be removed/replaced with their content
cleanUp: true,
// Whether to use div instead of secure iframe
contentEditableMode: false,
classNames: {
// Class name which should be set on the contentEditable element in the created sandbox iframe, can be styled via the 'stylesheets' option
composer: "wysihtml5-editor",
// Class name to add to the body when the wysihtml5 editor is supported
body: "wysihtml5-supported",
// classname added to editable area element (iframe/div) on creation
sandbox: "wysihtml5-sandbox",
// class on editable area with placeholder
placeholder: "wysihtml5-placeholder",
// Classname of container that editor should not touch and pass through
uneditableContainer: "wysihtml5-uneditable-container"
},
// Browsers that support copied source handling will get a marking of the origin of the copied source (for determinig code cleanup rules on paste)
// Also copied source is based directly on selection -
// (very useful for webkit based browsers where copy will otherwise contain a lot of code and styles based on whatever and not actually in selection).
// If falsy value is passed source override is also disabled
copyedFromMarking: ''
};
wysihtml5.Editor = wysihtml5.lang.Dispatcher.extend(
/** @scope wysihtml5.Editor.prototype */ {
constructor: function(editableElement, config) {
this.editableElement = typeof(editableElement) === "string" ? document.getElementById(editableElement) : editableElement;
this.config = wysihtml5.lang.object({}).merge(defaultConfig).merge(config).get();
this._isCompatible = wysihtml5.browser.supported();
// merge classNames
if (config && config.classNames) {
wysihtml5.lang.object(this.config.classNames).merge(config.classNames);
}
if (this.editableElement.nodeName.toLowerCase() != "textarea") {
this.config.contentEditableMode = true;
this.config.noTextarea = true;
}
if (!this.config.noTextarea) {
this.textarea = new wysihtml5.views.Textarea(this, this.editableElement, this.config);
this.currentView = this.textarea;
}
// Sort out unsupported/unwanted browsers here
if (!this._isCompatible || (!this.config.supportTouchDevices && wysihtml5.browser.isTouchDevice())) {
var that = this;
setTimeout(function() { that.fire("beforeload").fire("load"); }, 0);
return;
}
// Add class name to body, to indicate that the editor is supported
wysihtml5.dom.addClass(document.body, this.config.classNames.body);
this.composer = new wysihtml5.views.Composer(this, this.editableElement, this.config);
this.currentView = this.composer;
if (typeof(this.config.parser) === "function") {
this._initParser();
}
this.on("beforeload", this.handleBeforeLoad);
},
handleBeforeLoad: function() {
if (!this.config.noTextarea) {
this.synchronizer = new wysihtml5.views.Synchronizer(this, this.textarea, this.composer);
} else {
this.sourceView = new wysihtml5.views.SourceView(this, this.composer);
}
if (this.config.toolbar) {
this.toolbar = new wysihtml5.toolbar.Toolbar(this, this.config.toolbar, this.config.showToolbarAfterInit);
}
},
isCompatible: function() {
return this._isCompatible;
},
clear: function() {
this.currentView.clear();
return this;
},
getValue: function(parse, clearInternals) {
return this.currentView.getValue(parse, clearInternals);
},
setValue: function(html, parse) {
this.fire("unset_placeholder");
if (!html) {
return this.clear();
}
this.currentView.setValue(html, parse);
return this;
},
cleanUp: function(rules) {
this.currentView.cleanUp(rules);
},
focus: function(setToEnd) {
this.currentView.focus(setToEnd);
return this;
},
/**
* Deactivate editor (make it readonly)
*/
disable: function() {
this.currentView.disable();
return this;
},
/**
* Activate editor
*/
enable: function() {
this.currentView.enable();
return this;
},
isEmpty: function() {
return this.currentView.isEmpty();
},
hasPlaceholderSet: function() {
return this.currentView.hasPlaceholderSet();
},
destroy: function() {
if (this.composer && this.composer.sandbox) {
this.composer.sandbox.destroy();
}
if (this.toolbar) {
this.toolbar.destroy();
}
this.off();
},
parse: function(htmlOrElement, clearInternals, customRules) {
var parseContext = (this.config.contentEditableMode) ? document : ((this.composer) ? this.composer.sandbox.getDocument() : null);
var returnValue = this.config.parser(htmlOrElement, {
"rules": customRules || this.config.parserRules,
"cleanUp": this.config.cleanUp,
"context": parseContext,
"uneditableClass": this.config.classNames.uneditableContainer,
"clearInternals" : clearInternals
});
if (typeof(htmlOrElement) === "object") {
wysihtml5.quirks.redraw(htmlOrElement);
}
return returnValue;
},
/**
* Prepare html parser logic
* - Observes for paste and drop
*/
_initParser: function() {
var oldHtml;
if (wysihtml5.browser.supportsModernPaste()) {
this.on("paste:composer", function(event) {
event.preventDefault();
oldHtml = wysihtml5.dom.getPastedHtml(event);
if (oldHtml) {
this._cleanAndPaste(oldHtml);
}
}.bind(this));
} else {
this.on("beforepaste:composer", function(event) {
event.preventDefault();
var scrollPos = this.composer.getScrollPos();
wysihtml5.dom.getPastedHtmlWithDiv(this.composer, function(pastedHTML) {
if (pastedHTML) {
this._cleanAndPaste(pastedHTML);
}
this.composer.setScrollPos(scrollPos);
}.bind(this));
}.bind(this));
}
},
_cleanAndPaste: function (oldHtml) {
var cleanHtml = wysihtml5.quirks.cleanPastedHTML(oldHtml, {
"referenceNode": this.composer.element,
"rules": this.config.pasteParserRulesets || [{"set": this.config.parserRules}],
"uneditableClass": this.config.classNames.uneditableContainer
});
this.composer.selection.deleteContents();
this.composer.selection.insertHTML(cleanHtml);
}
});
})(wysihtml5);
;/**
* Toolbar Dialog
*
* @param {Element} link The toolbar link which causes the dialog to show up
* @param {Element} container The dialog container
*
* @example
*
* insert an image
*
*
*
*
*
*/
(function(wysihtml5) {
var dom = wysihtml5.dom,
CLASS_NAME_OPENED = "wysihtml5-command-dialog-opened",
SELECTOR_FORM_ELEMENTS = "input, select, textarea",
SELECTOR_FIELDS = "[data-wysihtml5-dialog-field]",
ATTRIBUTE_FIELDS = "data-wysihtml5-dialog-field";
wysihtml5.toolbar.Dialog = wysihtml5.lang.Dispatcher.extend(
/** @scope wysihtml5.toolbar.Dialog.prototype */ {
constructor: function(link, container) {
this.link = link;
this.container = container;
},
_observe: function() {
if (this._observed) {
return;
}
var that = this,
callbackWrapper = function(event) {
var attributes = that._serialize();
that.fire("save", attributes);
that.hide();
event.preventDefault();
event.stopPropagation();
};
dom.observe(that.link, "click", function() {
if (dom.hasClass(that.link, CLASS_NAME_OPENED)) {
setTimeout(function() { that.hide(); }, 0);
}
});
dom.observe(this.container, "keydown", function(event) {
var keyCode = event.keyCode;
if (keyCode === wysihtml5.ENTER_KEY) {
callbackWrapper(event);
}
if (keyCode === wysihtml5.ESCAPE_KEY) {
that.cancel();
}
});
dom.delegate(this.container, "[data-wysihtml5-dialog-action=save]", "click", callbackWrapper);
dom.delegate(this.container, "[data-wysihtml5-dialog-action=cancel]", "click", function(event) {
that.cancel();
event.preventDefault();
event.stopPropagation();
});
this._observed = true;
},
/**
* Grabs all fields in the dialog and puts them in key=>value style in an object which
* then gets returned
*/
_serialize: function() {
var data = {},
fields = this.container.querySelectorAll(SELECTOR_FIELDS),
length = fields.length,
i = 0;
for (; ifoo
*
* and we have the following dialog:
*
*
*
* after calling _interpolate() the dialog will look like this
*
*
*
* Basically it adopted the attribute values into the corresponding input fields
*
*/
_interpolate: function(avoidHiddenFields) {
var field,
fieldName,
newValue,
focusedElement = document.querySelector(":focus"),
fields = this.container.querySelectorAll(SELECTOR_FIELDS),
length = fields.length,
i = 0;
for (; i= 11
*
* Note that it sends the recorded audio to the google speech recognition api:
* http://stackoverflow.com/questions/4361826/does-chrome-have-buil-in-speech-recognition-for-input-type-text-x-webkit-speec
*
* Current HTML5 draft can be found here
* http://lists.w3.org/Archives/Public/public-xg-htmlspeech/2011Feb/att-0020/api-draft.html
*
* "Accessing Google Speech API Chrome 11"
* http://mikepultz.com/2011/03/accessing-google-speech-api-chrome-11/
*/
(function(wysihtml5) {
var dom = wysihtml5.dom;
var linkStyles = {
position: "relative"
};
var wrapperStyles = {
left: 0,
margin: 0,
opacity: 0,
overflow: "hidden",
padding: 0,
position: "absolute",
top: 0,
zIndex: 1
};
var inputStyles = {
cursor: "inherit",
fontSize: "50px",
height: "50px",
marginTop: "-25px",
outline: 0,
padding: 0,
position: "absolute",
right: "-4px",
top: "50%"
};
var inputAttributes = {
"x-webkit-speech": "",
"speech": ""
};
wysihtml5.toolbar.Speech = function(parent, link) {
var input = document.createElement("input");
if (!wysihtml5.browser.supportsSpeechApiOn(input)) {
link.style.display = "none";
return;
}
var lang = parent.editor.textarea.element.getAttribute("lang");
if (lang) {
inputAttributes.lang = lang;
}
var wrapper = document.createElement("div");
wysihtml5.lang.object(wrapperStyles).merge({
width: link.offsetWidth + "px",
height: link.offsetHeight + "px"
});
dom.insert(input).into(wrapper);
dom.insert(wrapper).into(link);
dom.setStyles(inputStyles).on(input);
dom.setAttributes(inputAttributes).on(input);
dom.setStyles(wrapperStyles).on(wrapper);
dom.setStyles(linkStyles).on(link);
var eventName = "onwebkitspeechchange" in input ? "webkitspeechchange" : "speechchange";
dom.observe(input, eventName, function() {
parent.execCommand("insertText", input.value);
input.value = "";
});
dom.observe(input, "click", function(event) {
if (dom.hasClass(link, "wysihtml5-command-disabled")) {
event.preventDefault();
}
event.stopPropagation();
});
};
})(wysihtml5);
;/**
* Toolbar
*
* @param {Object} parent Reference to instance of Editor instance
* @param {Element} container Reference to the toolbar container element
*
* @example
*
* insert link
* insert h1
*
*
*
*/
(function(wysihtml5) {
var CLASS_NAME_COMMAND_DISABLED = "wysihtml5-command-disabled",
CLASS_NAME_COMMANDS_DISABLED = "wysihtml5-commands-disabled",
CLASS_NAME_COMMAND_ACTIVE = "wysihtml5-command-active",
CLASS_NAME_ACTION_ACTIVE = "wysihtml5-action-active",
dom = wysihtml5.dom;
wysihtml5.toolbar.Toolbar = Base.extend(
/** @scope wysihtml5.toolbar.Toolbar.prototype */ {
constructor: function(editor, container, showOnInit) {
this.editor = editor;
this.container = typeof(container) === "string" ? document.getElementById(container) : container;
this.composer = editor.composer;
this._getLinks("command");
this._getLinks("action");
this._observe();
if (showOnInit) { this.show(); }
if (editor.config.classNameCommandDisabled != null) {
CLASS_NAME_COMMAND_DISABLED = editor.config.classNameCommandDisabled;
}
if (editor.config.classNameCommandsDisabled != null) {
CLASS_NAME_COMMANDS_DISABLED = editor.config.classNameCommandsDisabled;
}
if (editor.config.classNameCommandActive != null) {
CLASS_NAME_COMMAND_ACTIVE = editor.config.classNameCommandActive;
}
if (editor.config.classNameActionActive != null) {
CLASS_NAME_ACTION_ACTIVE = editor.config.classNameActionActive;
}
var speechInputLinks = this.container.querySelectorAll("[data-wysihtml5-command=insertSpeech]"),
length = speechInputLinks.length,
i = 0;
for (; i element or wrap current selection in
* toolbar.execCommand("formatBlock", "blockquote");
*/
execCommand: function(command, commandValue) {
if (this.commandsDisabled) {
return;
}
this._execCommand(command, commandValue);
},
_execCommand: function(command, commandValue) {
// Make sure that composer is focussed (false => don't move caret to the end)
this.editor.focus(false);
this.composer.commands.exec(command, commandValue);
this._updateLinkStates();
},
execAction: function(action) {
var editor = this.editor;
if (action === "change_view") {
if (editor.currentView === editor.textarea || editor.currentView === "source") {
editor.fire("change_view", "composer");
} else {
editor.fire("change_view", "textarea");
}
}
if (action == "showSource") {
editor.fire("showSource");
}
},
_observe: function() {
var that = this,
editor = this.editor,
container = this.container,
links = this.commandLinks.concat(this.actionLinks),
length = links.length,
i = 0;
for (; i