AnonymousFox

/home/develito/www/libraries/cegcore2/assets/js/g2.ceditor.js

//! ceditor
//! version : 1.0.0 beta
//! authors : ceditor.js contributors
//! license : MIT
//! chronoengine.com
(function($){
	if($.G2 == undefined){
		$.G2 = {};
	}
	
	$.G2.ceditor = {};
	var Editor = $.G2.ceditor;
	
	Editor.selection = false;
	
	Editor.active = {};
	Editor.active.region = false;
	Editor.active.range = false;
	
	Editor.const = {};
	Editor.const.zwspRegex = new RegExp('\u200B');
	
	Editor.status = {};
	Editor.status.keydown = false;
	
	Editor.settings = {
		'mode' : 'html',
		'output' : 'bbcode',
		'trim_output' : true,
		'paste_block' : 'pre',
		'paste_html' : true,
		//'paste_clean' : true,
		'text_block' : 'div',//p is default
	};
	
	Editor.settings.elements = {
		'blocks' : ['div', 'p', 'pre', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li'],
		'allowed' : ['div', 'p', 'pre', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ol', 'ul', 'li', 'strong', 'em', 'ins', 'mark', 'li', 'img'],
		'split' : ['div', 'p', 'pre', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li'],
		'join' : ['strong', 'em', 'ins', 'mark', 'ul', 'ol'],
		'empty' : ['br', 'hr', 'img', 'i'],
	};
	
	Editor.settings.attrs = {
		'region' : {'class' : 'ui segment top attached'},
		'tags' : {
			'pre' : {'class' : 'ui message cfu-code', 'style' : 'overflow:auto; border:none;'},
			'blockquote' : {'class' : 'ui segment black inverted'},
			'img' : {'class' : 'ui image bordered centered'},
		}
	};
	
	Editor.settings.weights = {
		'#text' : 0, 
		'br' : 0, 
		'strong' : 10, 
		'em' : 10, 
		'ins' : 10, 
		'mark' : 10, 
		'span' : 20, 
		'a' : 40, 
		'li' : 45, 
		'ol' : 50, 
		'h1' : 50, 'h2' : 50, 'h3' : 50, 'h4' : 50, 'h5' : 50, 'h6' : 50, 
		'p' : 50, 
		'blockquote' : 50, 
		'pre' : 60, 
		'div' : 100, 
	};
	
	Editor.ready = function(selector){
		$.each($(selector), function(i, editor){
			Editor.init(editor);
		});
		
		Editor.buttons.init();
		Editor.buttons.sync();
	};
	
	Editor.init = function(editor){
		
		if($(editor).data('ready')){
			return false;
		}
		
		if($(editor).is(':input')){
			var textarea = editor;
			var editor = Editor.region.create(textarea);
			//$(textarea).css('max-height', '50px');
		}else{
			var textarea = Editor.textarea.create(editor);
		}
		
		Editor.region.init(editor);
		
		$(editor).add($(textarea)).on('empty', function(){
			$(editor).empty();
			$(textarea).val('');
			Editor.history.clear(editor);
			$(editor).trigger('modified');
		});
		
		$(editor).on('modified', function(e, task){
			//$(textarea).val($(editor).html());
			$(textarea).val(Editor.region.output(editor, task));
		});
		
		//initialize the output
		$(textarea).val(Editor.region.output(editor));
		$(textarea).css('display', 'none');
		
		//init the region content
		Editor.region.prepare(editor);
		
		$(editor).on('mousedown', function(e){
			if(e.button === 0){
				Editor.range.clear();
			}
		});
		
		$(document).off('mouseup').on('mouseup', function(e){
			Editor.setSelection();
			
			if(Editor.selection){
				Editor.range.prepare('selection');
				
				$(Editor.region.get()).trigger('selected');
				//$(Editor.region.get()).trigger('modified');
			}
		});
		
		$(editor).on('click', function(e){
			if(Editor.selection === false){
				var range = document.createRange();
				range.selectNodeContents(editor);
				range.collapse(false);
				Editor.range.set(range);
				
				$(editor).trigger('selected');
			}
		});
		
		$(editor).on('keydown', function(e){
			if(e.which == 13){
				e.preventDefault();
				Editor.range.prepare('break');
				Editor.input.Enter(e);
			}else if(e.which == 8 || e.which == 46){
				e.preventDefault();
				Editor.range.prepare('remove');
				Editor.input.Remove(e);
			}else if(e.which == 37 || e.which == 39){
				
			}else{
				Editor.range.prepare('type');
			}
		});
		
		$(editor).on('keyup', function(e){
			
			var range = Editor.range.get();
			
			if(e.which == 13){
				Editor.region.clean(range);
			}else if(e.which == 8 || e.which == 46){
				Editor.region.clean(range, 'prev');
			}
			
			$(editor).trigger('modified');
		});
		
		$(editor).on('input paste', function(e){
			if(e.originalEvent.clipboardData){
				e.preventDefault();
				Editor.range.prepare('paste');
				
				var pasted = e.originalEvent.clipboardData.getData('text/plain');
				var pastedHTML = e.originalEvent.clipboardData.getData('text/html');
				//console.log(pastedHTML);
				//var text = document.createTextNode(pasted);
				var range = Editor.range.get();
				
				if(!range.collapsed){
					range.extractContents();
				}
				
				var empty = document.createTextNode('\u200B');
				
				if(pastedHTML.length && Editor.settings.paste_html === true){
					var tmp = $('<div>').html(pastedHTML).get(0);
					
					$.each($(tmp).find('*'), function(k, node){
						if($(node).is(Editor.settings.elements.allowed.toString())){
							while(node.attributes.length > 0){
								node.removeAttribute(node.attributes[0].name);
							}
							
							if(Editor.settings.attrs.tags[node.nodeName.toLowerCase()] != undefined){
								$(node).attr(Editor.settings.attrs.tags[node.nodeName.toLowerCase()]);
							}
						}else{
							$(node).replaceWith($(node).contents());
						}
					});
					
					var nodes = $(tmp).contents();//children();
					var block = Editor.dom.block();
					
					if(block === false){
						var last = $(editor).children().last();
					}else{
						var last = block;
					}
					
					$.each(nodes, function(k, node){
						/*while(node.attributes.length > 0){
							node.removeAttribute(node.attributes[0].name);
						}*/
						if($(node).text().trim().length == 0 && $(node).children().length == 0){
							return true;
						}
						
						if(Editor.settings.paste_clean === true){
							//$(node).html($(node).text());
						}
						
						if($(node).is(Editor.settings.elements.blocks.toString())){
							$(last).after(node);
						
							last = node;
						}else{
							$(last).append(node);
						}
					});
					
					range.selectNodeContents(last);
					range.collapse(false);
				}else{
					var tmp = $('<div>').text(pasted);
					
					tmp.html(tmp.html().replace(/(\u0009)+/g, ' '));
					tmp.html(tmp.html().replace(/(?:\r\n|\r|\n)/g, '<br />'));
					
					range.insertNode(empty);
					
					var nodes = tmp.contents();
					
					var block = Editor.dom.block();
					var last = empty;
					$.each(nodes, function(k, node){
						$(last).after(node);
						last = node;
					});
					
					range.setStartAfter(last);
					range.setEndAfter(last);
					
					if(Editor.settings.paste_block && (pasted.indexOf('\u0009') > -1)){
						var newBlock = Editor.dom.changeTag({'name':Editor.settings.paste_block}, block);
						range.selectNodeContents(newBlock);
						range.collapse(false);
					}
				}
				Editor.range.set(range);
				
				Editor.region.clean(range);
				
				$(editor).trigger('modified');
			}
		});
		
		$(editor).on('modified selected', function(e){
			Editor.setSelection();
			
			Editor.region.prepare();
			
			Editor.buttons.sync();
		});
		/*
		$(editor).on('mousedown', function(e){
			Editor.range.clear();
			
			Editor.active.region = this;
			
			Editor.region.prepare();
			//console.log(33);
		});
		
		$(editor).on('keydown', function(e){
			Editor.active.region = this;
			
			if(e.which == 13){
				e.preventDefault();
				Editor.range.prepare('break');
				Editor.status.keydown = e;
				Editor.input.Enter(e);
			}else if(e.which == 8 || e.which == 46){
				e.preventDefault();
				Editor.range.prepare('remove');
				Editor.status.keydown = e;
				Editor.input.Remove(e);
			}else if(e.which == 37 || e.which == 39){
				
			}else{
				Editor.status.keydown = false;
				Editor.range.prepare('type');
			}
			
		});
		
		$(editor).on('input paste', function(e){
			if(e.originalEvent.clipboardData){
				e.preventDefault();
				//console.log(e);
				var text = document.createTextNode(e.originalEvent.clipboardData.getData('text/plain'));
				var range = Editor.range.get();
				
				if(!range.collapsed){
					range.extractContents();
				}
				
				range.insertNode(text);
				
				range.setStartAfter(text);
				range.setEndAfter(text);
			}
		});
		
		$(document).off('mouseup keyup').on('mouseup keyup', function(e){
			Editor.selection = false;
			//console.log(e);
		});
		
		$(editor).on('mouseup keyup', function(e){
			e.stopPropagation();
			Editor.selection = false;
			Editor.setSelection();
			
			if(Editor.selection){
				$(Editor.region.get()).trigger('modified');
			}
		});
		
		$(editor).on('modified', function(e){
			Editor.setSelection();
			
			Editor.region.prepare();
			
			Editor.buttons.sync();
		});
		*/
	}
	
	Editor.getSelection = function(){
		var selection;
		if(window.getSelection){
			selection = window.getSelection();
		}else if (document.selection && document.selection.type != 'Control'){
			selection = document.selection;
		}
		
		return selection;
	}
	Editor.setSelection = function(){
		this.selection = Editor.getSelection();
		
		if($(this.selection.anchorNode).closest('[data-editor="region"]').length == 0 || $(this.selection.focusNode).closest('[data-editor="region"]').length == 0){
			this.selection = false;
		}else{
			//Editor.range.prepare();
		}
	}
	
	Editor.buttons = {};
	Editor.buttons.init = function(){
		$('[data-editor="button"]').off('click').on('click', function(){
			if($(this).data('region')){
				var region = $('[data-editor="region"][data-name="'+$(this).data('region')+'"]');
				if(region.length && !region.get(0).isSameNode(Editor.active.region)){
					return false;
				}
			}
			
			var task = $(this).data('task');
			var tag = $(this).data('tag');
			var fn = $(this).data('fn');
			
			Editor.range.prepare('button');
			
			if(fn != undefined){
				if(fn.name == 'modal'){
					Editor.modal.show(fn.id, task, tag);
				}else if(fn.name == 'popup'){
					//var $popup = $(id).first();
					var $popup = $(this).popup({
						'popup' : $(fn.id).first(),
						'on' : 'click',
						'position' : 'top center'
					}).popup('toggle').popup('reposition');
				}
			}else{
				Editor.app.apply(task, tag);
				
				//if(task != 'undo'){
					$(Editor.region.get()).trigger('modified', [task]);
				//}
			}
		});
		
		Editor.buttons.extra();
	}
	
	Editor.buttons.sync = function(){
		$.each($('[data-editor="button"]'), function(k, btn){
			if($(this).data('region')){
				var region = $('[data-editor="region"][data-name="'+$(this).data('region')+'"]');
				if(region.length && !region.get(0).isSameNode(Editor.active.region)){
					status = 'disabled';
					Editor.buttons.status(btn, status);
					return true;
				}
			}
			
			var task = $(this).data('task');
			var tag = $(this).data('tag');
			var fn = $(this).data('fn');
			var status;
			
			if(Editor.selection && Editor.range.can[task] != undefined && Editor.range.can[task](tag, Editor.range.get())){
				//$(btn).removeClass('disabled');
				
				if(Editor.range.has[task] != undefined && Editor.range.has[task](tag, Editor.range.get())){
					status = 'active';//$(btn).addClass('active');
				}else{
					status = 'enabled';//.removeClass('active');
				}
				
			}else{
				status = 'disabled';//$(btn).addClass('disabled').removeClass('active');
			}
			
			if(fn != undefined && fn.name == 'popup'){
				status = 'enabled';
				
				if($(fn.id).find('[data-editor="button"].disabled').length){
					status = 'disabled';
				}
				
				if($(fn.id).find('[data-editor="button"].active').length){
					status = 'active';
				}
				//Editor.buttons.status($('[data-editor="button"][data-name="'+$(btn).data('group')+'"]'), status);
			}
			
			if(texture = Editor.dom.texture()){
				status = 'disabled';
				
				if(task == 'texture' && tag.name == $(texture).data('name')){
					status = 'active';
				}
			}
			
			Editor.buttons.status(btn, status);
		});
	}
	
	Editor.buttons.status = function(btn, status){
		if(status == 'active'){
			$(btn).removeClass('disabled').addClass('active');
		}else if(status == 'disabled'){
			$(btn).addClass('disabled').removeClass('active');
		}else if(status == 'enabled'){
			$(btn).removeClass('disabled').removeClass('active');
		}
	}
	
	Editor.buttons.extra = function(){
		$('[data-editor="upload"]').off('click').on('click', function(){
			var btn = this;
			var formArea = $(btn).closest('.form');
			requestData = new FormData();
			
			$.each(formArea.find(':input').serializeArray(), function(key, input){
				requestData.append(input.name, input.value);
			});
			//add files data
			formArea.find('input[type="file"]').each(function(key, input){
				requestData.append($(input).attr('name'), $(input)[0].files[0]);
			});
			
			$.ajax({
				type: 'POST',
				url: $(btn).data('url'),
				data: requestData,
				processData: false,
				contentType: false,
				beforeSend: function(){
					formArea.addClass('loading');
				},
				error: function(xhr, textStatus, message){
					formArea.removeClass('loading');
					formArea.find('.results').html('<div class="ui message red">'+textStatus+':'+message+'</div>');
				},
				success: function(result){
					formArea.removeClass('loading');
					if(result.substring(0, 1) == '{' && result.slice(-1) == '}'){
						var json = JSON.parse(result);
						
						$.each(json, function(type, info){
							var resultContent = '';
							
							if(type == 'error'){
								resultContent = $('<div class="ui message red">'+info+'</div>');
							}else if(type == 'success'){
								resultContent = $('<div class="ui center aligned icon header green"><i class="circular checkmark icon green"></i>'+info+'</div>');
							}else{
								if(formArea.find('input[name="'+type+'"]').length){
									formArea.find('input[name="'+type+'"]').val(info);
								}
							}
							
							if(resultContent.length){
								formArea.find('.results').html(resultContent);
							}
						});
					}
					
					return true;
				}
			});
		});
	}
	
	Editor.modal = {};
	Editor.modal.show = function(id, task, tag){
		var range = Editor.range.get().cloneRange();
		
		var $modal = $(id).first();
		var $modalObj = $modal.modal({
			'detachable' : false, 
			'inverted' : true,
			'onHide' : function(){
				Editor.range.set(range);
				$(Editor.region.get()).trigger('modified');
			}
		});
		//clear previous values
		$modal.find(':input').val('');
		//fill fields
		var target = Editor.range.hasTag(tag, range);
		$.each(target.attributes, function(k, v){
			$modal.find(':input[name="'+v['name']+'"]').val(v['value']);
		});
		
		$modalObj.modal('show');
		
		$modal.find('.ui.button.apply').off('click').on('click', function(){
			var attrs = {};
			$.each($modal.find(':input').serializeArray(), function(k, v){
				attrs[v['name']] = v['value'];
			});
			
			tag['attrs'] = attrs;
			
			Editor.range.set(range);
			Editor.app.apply(task, tag);
			
			if(Editor.range.get()){
				var newRange = Editor.range.get().cloneRange();
				
				$modalObj.modal('hide');
				
				Editor.range.set(newRange);
			}else{
				$modalObj.modal('hide');
			}
			
			$(Editor.region.get()).trigger('modified');
			
		});
		
		$modal.find('.ui.button.cancel').off('click').on('click', function(){
			$modalObj.modal('hide');
			
			Editor.range.set(range);
			$(Editor.region.get()).trigger('modified');
		});
	}
	
	Editor.weight = {};
	Editor.weight.get = function(tagName){
		if(Editor.settings.weights[tagName] != undefined){
			return Editor.settings.weights[tagName];
		}else{
			//console.log(tagName);
			return false;
			//return 0;
		}
	}
	
	Editor.range = {};
	Editor.range.get = function(){
		var range;
		if(Editor.selection !== false){
			try{
				range = Editor.selection.getRangeAt(0);
			}catch(e){
				range = false;
			}
		}else{
			range = false;
		}
		
		if(range === false){
			if(Editor.active.range){
				range = Editor.active.range;
			}else if(Editor.active.region){
				var range = document.createRange();
				range.selectNodeContents(Editor.active.region);
				range.collapse(false);
			}
		}
		
		Editor.active.range = range;
		
		return range;
	}
	
	Editor.range.set = function(range){
		if(range){
			var docSelection = Editor.getSelection();
			docSelection.removeAllRanges();
			docSelection.addRange(range);
			
			Editor.setSelection();
		}
	}
	
	Editor.range.clear = function(range){
		if(Editor.selection){
			Editor.selection.removeAllRanges();
			Editor.selection = false;
		}
	}
	
	Editor.range.hasTag = function (tag, range){
		if(range == undefined){
			range = this.get();
		}
		//console.log(tag);
		//console.log($(range.cloneRange().commonAncestorContainer.cloneNode()));
		
		var selected = $(range.cloneContents());
		if(selected.contents().length == 1){
			if(selected.contents().first().get(0).nodeName.toLowerCase() != '#text'){
				if(Editor.dom.compare(tag, selected.contents().first().get(0))){
					//return selected.contents().first().get(0);
					return $(range.startContainer).contents().get(range.startOffset);
				}
			}
		}
		//if(range.commonAncestorContainer.nodeName.toLowerCase() == tag.name){
		if(Editor.dom.compare(tag, range.commonAncestorContainer)){
			return range.commonAncestorContainer;
		}
		
		var parents = $(range.commonAncestorContainer).parentsUntil('[data-editor="region"]');
		
		var found = false;
		//console.log(parents);
		$.each(parents, function(i, parent){
			//if(parent.nodeName.toLowerCase() == tag.name){
			if(Editor.dom.compare(tag, parent)){
				found = parent; 
				return false;
			}
		});
		
		return found;
	}
	
	Editor.range.replaceWith = function(node, range){
		if(range == undefined){
			range = this.get();
		}
		
		range.extractContents();
		
		if(node.nodeName != undefined){
			range.insertNode(node);
		}else{
			$.each(node, function(k, vnode){
				range.insertNode(vnode);
			});
		}
	}
	
	Editor.range.can = {};
	Editor.range.can.format = function(tag, range){
		if(!range.collapsed){
			return true;
		}
		
		return false;
	}
	Editor.range.can.insert = function(tag, range){
		if(Editor.selection){
			return true;
		}
		
		return false;
	}
	Editor.range.can.recycle = function(tag, range){
		if(!range.collapsed){
			return true;
		}
		
		return false;
	}
	Editor.range.can.undo = function(tag, range){
		var region = Editor.region.get();
		if(Editor.history.get(region)){
			return true;
		}
		
		return false;
	}
	Editor.range.can.block = function(tag, range){
		if(block = Editor.dom.block() || !range.collapsed){
			return true;
		}
		
		return false;
	}
	Editor.range.can.list = function(tag, range){
		if(block = Editor.dom.block() || !range.collapsed){
			return true;
		}
		
		return false;
	}
	Editor.range.can.blockstyle = function(tag, range){
		if(block = Editor.dom.block()){
			return true;
		}
		
		return false;
	}
	Editor.range.can.inlinestyle = function(tag, range){
		if(!range.collapsed){
			return true;
		}
		
		return false;
	}
	Editor.range.can.link = function(tag, range){
		if(Editor.selection){
			parent = Editor.range.hasTag(tag, range);
			if(!range.collapsed){
				return true;
			}else{
				if(parent){
					return true;
				}
			}
		}
		
		return false;
	}
	Editor.range.can.image = function(tag, range){
		if(Editor.selection){
			return true;
		}
		
		return false;
	}
	Editor.range.can.texture = function(tag, range){
		if(Editor.selection){
			return true;
		}
		
		return false;
	}
	Editor.range.can.upload = function(tag, range){
		if(Editor.selection){
			return true;
		}
		
		return false;
	}
	
	Editor.range.has = {};
	Editor.range.has.format = function(tag, range){
		if(Editor.range.hasTag(tag, range)){
			return true;
		}
		
		return false;
	}
	Editor.range.has.block = function(tag, range){
		if(block = Editor.dom.block()){
			if(Editor.range.hasTag(tag, range)){
				return true;
			}
		}
		
		return false;
	}
	Editor.range.has.list = function(tag, range){
		//if(block = Editor.dom.block()){
			if(Editor.range.hasTag(tag, range)){
				return true;
			}
		//}
		
		return false;
	}
	Editor.range.has.blockstyle = function(attrs, range){
		if(block = Editor.dom.block()){
			var result = true;
			$.each(attrs, function(name, value){
				var preset = $(block).css(name);
				
				if(value != preset){
					result = false;
					return false;
				}
			});
			
			return result;
		}
		
		return false;
	}
	Editor.range.has.inlinestyle = function(tag, range){
		if(Editor.range.hasTag(tag, range)){
			return true;
		}
		
		return false;
	}
	Editor.range.has.link = function(tag, range){
		if(Editor.range.hasTag(tag, range)){
			return true;
		}
		
		return false;
	}
	Editor.range.has.image = function(tag, range){
		if(Editor.range.hasTag(tag, range)){
			return true;
		}
		
		return false;
	}
	Editor.range.has.texture = function(tag, range){
		/*if(Editor.range.hasTag(tag, range)){
			return true;
		}*/
		
		return false;
	}
	Editor.range.has.upload = function(tag, range){
		return false;
	}
	
	Editor.dom = {};
	Editor.dom.node = function(){
		if(range = Editor.range.get()){
			var newRange = range.cloneRange();
			newRange.collapse(true);
			
			if($(newRange.startContainer).is('[data-editor="region"]')){
				return false;
			}
			
			return newRange.startContainer;
		}
		
		return false;
	}
	
	Editor.dom.element = function(){
		if(node = Editor.dom.node()){
			var range = Editor.range.get();
			var element = node;
			
			if(range.startContainer.isSameNode(range.endContainer)){
				if(range.startContainer.nodeName.toLowerCase() != '#text'){
					if((range.endOffset - range.startOffset) == 1){
						element = range.startContainer.childNodes[range.startOffset];
					}
				}
			}
			
			if($(element).is('[data-editor="region"]')){
				return false;
			}
			
			if(element.nodeName.toLowerCase() != '#text'){
				return element;
			}else{
				if(!$(element).parent().is('[data-editor="region"]')){
					return $(element).parent().get(0);
				}
			}
			/*
			if(Editor.settings.elements.blocks.indexOf(node.nodeName.toLowerCase()) > -1){
				return node;
			}else{
				return $(node).closest(Editor.settings.elements.blocks.toString()).get(0);
			}
			*/
		}
		
		return false;
	}
	
	Editor.dom.block = function(node, accept_texture){
		if(node == undefined || node == false){
			node = Editor.dom.element();
		}
		
		if(accept_texture == undefined){
			accept_texture = false;
		}
		//if(node = Editor.dom.node()){
		if(node){
			var block;
			if(Editor.settings.elements.blocks.indexOf(node.nodeName.toLowerCase()) > -1){
				block = node;
			}else{
				block = $(node).closest(Editor.settings.elements.blocks.toString()).get(0);
			}
			
			if(!accept_texture && $(block).is('[data-editor="texture"]')){
				block = $(block).parent().closest(Editor.settings.elements.blocks.toString()).get(0);
			}
			
			if(!$(block).is('[data-editor="region"]')){
				return block;
			}
		}
		/*
		if(element = this.element()){
			if(!$(element).is('[data-editor]')){
				return element;
			}
		}
		*/
		return false;
	}
	
	Editor.dom.texture = function(){
		if(node = Editor.dom.element()){
			block = $(node).closest('[data-editor]').get(0);
			
			if($(block).is('[data-editor="texture"]')){
				return block;
			}
		}
		
		return false;
	}
	
	Editor.dom.changeTag = function(tag, block){
		var newBlock = Editor.dom.format(block, tag);
		$(block).replaceWith(newBlock);
		
		if(Editor.settings.attrs.tags[tag.name] != undefined){
			$(newBlock).attr(Editor.settings.attrs.tags[tag.name]);
		}
		
		return newBlock;
	}
	
	Editor.dom.equal = function(node1, node2){
		return $(node1).clone().empty().get(0).isEqualNode($(node2).clone().empty().get(0));
		/*
		var childCSS = Editor.dom.styles(newNode.get(0).lastChild);
		var cleanCSS = Editor.dom.styles(clean);
		var similar = true;
		$.each(childCSS, function(name, value){
			if(cleanCSS[name] != value){
				similar = false;
				return false;
			}
		});
		*/
	}
	
	Editor.dom.children = function(el, type){
		return $(el).find(':not(iframe)').addBack().contents().filter(function(){
			return this.nodeName.toLowerCase() == type;
		});
	}
	
	Editor.dom.compare = function(tag, node){
		var result = true;
		if(node.nodeName.toLowerCase() != tag.name){
			result = false;
		}
		
		if(result){
			if(tag.css != undefined){
				$.each(tag.css, function(name, value){
					var preset = $(node).css(name);
					if(preset != value){
						result = false;
						return false;
					}
				});
			}
			
			if(tag.attrs != undefined){
				$.each(tag.attrs, function(name, value){
					var preset = $(node).attr(name);
					if(preset != value){
						result = false;
						return false;
					}
				});
			}
			
			return result;
		}
		
		return false;
	}
	
	Editor.dom.split = function(element, range){
		var tagRange = document.createRange();
		tagRange.selectNodeContents(element);
		
		var tipRange = tagRange.cloneRange();
		tipRange.setEnd(range.startContainer, range.startOffset);
		
		var tailRange = tagRange.cloneRange();
		tailRange.setStart(range.endContainer, range.endOffset);
		
		var newNode1 = $(element).clone().empty().get(0);
		var newNode2 = $(element).clone().empty().get(0);
		
		var tipContent = tipRange.cloneContents();
		var tailContent = tailRange.cloneContents();
		
		if($(tipContent).text().trim().length == 0 && $(tipContent).children().length == 0){
			//tipContent = document.createElement('br');
			tipContent = document.createTextNode('\u200B');
		}
		//if($(tailContent).text().trim().length == 0){
		if($(tailContent).text().replace(/(\u200B)+/g, '').trim().length == 0 && $(tailContent).children().length == 0){
			//tailContent = document.createElement('br');
			tailContent = document.createTextNode('\u200B');
			
			if(['li', 'ul', 'ol'].indexOf(element.nodeName.toLowerCase()) == -1){
				var newNode2 = document.createElement(Editor.settings.text_block);
			}
		}
		
		$(newNode1).append(tipContent);
		$(newNode2).append(tailContent);
		
		$(element).before($(newNode1));
		$(element).before($(newNode2));
		$(element).remove();
		
		range.selectNodeContents(newNode2);
		range.collapse(true);
		
		return [newNode1, newNode2];
	}
	
	Editor.dom.styles = function(node){
		return $(node).css(['color']);
	}
	
	Editor.input = {};
	Editor.input.Enter = function(e){
		e.preventDefault();
		
		var block = Editor.dom.block();
		var range = Editor.range.get();
		
		if(!range.collapsed){
			range.extractContents();
			//Editor.range.prepare('break');
		}
		
		var split = block && (Editor.settings.elements.split.indexOf(block.nodeName.toLowerCase()) > -1);
		
		if(e.shiftKey){
			if(block){
				split = !split;
			}
		}
		
		if(block && split){
			if(block.nodeName.toLowerCase() == 'li' && $(block).text().replace(/(\u200B)+/g, '').length == 0){
				var ul = $(block).parent('ul, ol').first().get(0);
				range.selectNode(block);
				range.collapse(true);
				$(block).remove();
				
				var newNodes = Editor.dom.split(ul, range);
				var empty = document.createTextNode('\u200B');
				var p = document.createElement(Editor.settings.text_block);
				$(p).append(empty);
				$(newNodes[0]).after(p);
				range.selectNodeContents(empty);
				range.collapse(true);
			}else{
				var newNodes = Editor.dom.split(block, range);
			}
			
			//range.selectNodeContents(newNodes[1]);
			//range.collapse(true);
		}else{
			var newLine = $('<br />').get(0);//document.createElement('br');
			
			range.extractContents();
			
			var empty = document.createTextNode('\u200B');
			range.insertNode(empty);
			range.insertNode(newLine);
			
			range.setStartAfter(empty);
			range.setEndAfter(empty);
		}
		
		Editor.range.set(range);
		//Editor.region.clean(range);
	}
	
	Editor.find = {};
	Editor.find.node = function(node){
		if($(node).is('[data-editor="region"]')){
			return false;
		}
		
		return node;
	}
	Editor.find.block = function(node){
		var block = $(node).closest(Editor.settings.elements.blocks.toString());
		
		if(block.length && !block.is('[data-editor="region"]')){
			return block.get(0);
		}else{
			return false;
		}
	}
	Editor.find.texture = function(node){
		var texture = $(node).closest('[data-editor="texture"]');
		if(texture.length){
			return texture.get(0);
		}else{
			return false;
		}
	}
	Editor.find.selected = function(){
		var selected = false;
		
		if(range = Editor.range.get()){
			if(range.startContainer.isSameNode(range.endContainer)){
				if(range.startContainer.nodeName.toLowerCase() != '#text'){
					if((range.endOffset - range.startOffset) == 1){
						selected = range.startContainer.childNodes[range.startOffset];
					}else{
						selected = range.startContainer;
					}
				}else{
					selected = range.startContainer.parentElement;
				}
			}else{
				//multi selection
				selected = range.commonAncestorContainer;
			}
		}
		
		return selected;
	}
	
	Editor.range.nodes = function(range){
		var _iterator = document.createNodeIterator(
			range.commonAncestorContainer,
			NodeFilter.SHOW_ALL, // pre-filter
			{
				// custom filter
				acceptNode: function (node) {
				return NodeFilter.FILTER_ACCEPT;
				}
			}
		);