├── alignment
    ├── alignment.css
    └── alignment.js
├── clips
    ├── clips.css
    └── clips.js
├── textdirection.js
├── limiter.js
├── LICENSE
├── counter.js
├── inlinestyle.js
├── textexpander.js
├── imagemanager.js
├── definedlinks.js
├── filemanager.js
├── video.js
├── README.md
├── fullscreen.js
├── source.js
├── codemirror.js
├── properties.js
└── table.js


/alignment/alignment.css:
--------------------------------------------------------------------------------
1 | .text-center {
2 |     text-align: center;
3 | }
4 | .text-right {
5 |     text-align: right;
6 | }


--------------------------------------------------------------------------------
/clips/clips.css:
--------------------------------------------------------------------------------
 1 | b.label-red {
 2 | 	color: #fff;
 3 | 	background: #c92020;
 4 | 	padding: 0 7px;
 5 | 	font-size: 11px;
 6 | 	text-transform: uppercase;
 7 | 	font-weight: normal;
 8 | 	display: inline-block;
 9 | 	border-radius: 4px;
10 | }


--------------------------------------------------------------------------------
/textdirection.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.textdirection = function()
 4 | 	{
 5 | 		return {
 6 | 			langs: {
 7 | 				en: {
 8 | 					"change-text-direction": "RTL-LTR",
 9 | 					"left-to-right": "Left to Right",
10 | 					"right-to-left": "Right to Left"
11 | 				}
12 | 			},
13 | 			init: function()
14 | 			{
15 | 				var that = this;
16 | 				var dropdown = {};
17 | 
18 | 				dropdown.ltr = { title: that.lang.get('left-to-right'), func: that.textdirection.setLtr };
19 | 				dropdown.rtl = { title: that.lang.get('right-to-left'), func: that.textdirection.setRtl };
20 | 
21 | 				var button = this.button.add('textdirection', this.lang.get('change-text-direction'));
22 | 				this.button.addDropdown(button, dropdown);
23 | 			},
24 | 			setRtl: function()
25 | 			{
26 | 				this.buffer.set();
27 | 				this.block.addAttr('dir', 'rtl');
28 | 			},
29 | 			setLtr: function()
30 | 			{
31 | 				this.buffer.set();
32 | 				this.block.removeAttr('dir');
33 | 			}
34 | 		};
35 | 	};
36 | })(jQuery);


--------------------------------------------------------------------------------
/limiter.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.limiter = function()
 4 | 	{
 5 | 		return {
 6 | 			init: function()
 7 | 			{
 8 | 				if (!this.opts.limiter)
 9 | 				{
10 | 					return;
11 | 				}
12 | 
13 | 				this.core.editor().on('keydown.redactor-plugin-limiter', $.proxy(function(e)
14 | 				{
15 | 					var key = e.which;
16 | 					var ctrl = e.ctrlKey || e.metaKey;
17 | 
18 | 					if (key === this.keyCode.BACKSPACE
19 | 					   	|| key === this.keyCode.DELETE
20 | 					    || key === this.keyCode.ESC
21 | 					    || key === this.keyCode.SHIFT
22 | 					    || (ctrl && key === 65)
23 | 					    || (ctrl && key === 82)
24 | 					    || (ctrl && key === 116)
25 | 					)
26 | 					{
27 | 						return;
28 | 					}
29 | 
30 | 					var text = this.core.editor().text();
31 | 					text = text.replace(/\u200B/g, '');
32 | 
33 | 					var count = text.length;
34 | 					if (count >= this.opts.limiter)
35 | 					{
36 | 						return false;
37 | 					}
38 | 
39 | 
40 | 				}, this));
41 | 
42 | 			}
43 | 		};
44 | 	};
45 | })(jQuery);


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2016 Imperavi LLC
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/counter.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.counter = function()
 4 | 	{
 5 | 		return {
 6 | 			init: function()
 7 | 			{
 8 | 				if (typeof this.opts.callbacks.counter === 'undefined')
 9 | 				{
10 | 					return;
11 | 				}
12 | 
13 | 
14 | 
15 | 				this.core.editor().on('keyup.redactor-plugin-counter', $.proxy(this.counter.count, this));
16 | 			},
17 | 			count: function()
18 | 			{
19 | 				var words = 0, characters = 0, spaces = 0;
20 | 				var html = this.code.get();
21 | 
22 | 				var text = html.replace(/<\/(.*?)>/gi, ' ');
23 | 				text = text.replace(/<(.*?)>/gi, '');
24 | 				text = text.replace(/\t/gi, '');
25 | 				text = text.replace(/\n/gi, ' ');
26 | 				text = text.replace(/\r/gi, ' ');
27 | 				text = text.replace(/\u200B/g, '');
28 | 				text = $.trim(text);
29 | 
30 | 				if (text !== '')
31 | 				{
32 | 					var arrWords = text.split(/\s+/);
33 | 					var arrSpaces = text.match(/\s/g);
34 | 
35 | 					words = (arrWords) ? arrWords.length : 0;
36 | 					spaces = (arrSpaces) ? arrSpaces.length : 0;
37 | 
38 | 					characters = text.length;
39 | 
40 | 				}
41 | 
42 | 				this.core.callback('counter', { words: words, characters: characters, spaces: spaces });
43 | 
44 | 			}
45 | 		};
46 | 	};
47 | })(jQuery);


--------------------------------------------------------------------------------
/inlinestyle.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.inlinestyle = function()
 4 | 	{
 5 | 		return {
 6 | 			langs: {
 7 | 				en: {
 8 | 					"style": "Style"
 9 | 				}
10 | 			},
11 | 			init: function()
12 | 			{
13 | 				var tags = {
14 | 					"marked": {
15 | 						title: "Marked",
16 | 						args: ['mark']
17 | 					},
18 | 					"code": {
19 | 						title: "Code",
20 | 						args: ['code']
21 | 					},
22 | 					"sample": {
23 | 						title: "Sample",
24 | 						args: ['samp']
25 | 					},
26 | 					"variable": {
27 | 						title: "Variable",
28 | 						args: ['var']
29 | 					},
30 | 					"shortcut": {
31 | 						title: "Shortcut",
32 | 						args: ['kbd']
33 | 					},
34 | 					"cite": {
35 | 						title: "Cite",
36 | 						args: ['cite']
37 | 					},
38 | 					"sup": {
39 | 						title: "Superscript",
40 | 						args: ['sup']
41 | 					},
42 | 					"sub": {
43 | 						title: "Subscript",
44 | 						args: ['sub']
45 | 					}
46 | 				};
47 | 
48 | 
49 | 				var that = this;
50 | 				var dropdown = {};
51 | 
52 | 				$.each(tags, function(i, s)
53 | 				{
54 | 					dropdown[i] = { title: s.title, func: 'inline.format', args: s.args };
55 | 				});
56 | 
57 | 
58 | 				var button = this.button.addAfter('format', 'inline', this.lang.get('style'));
59 | 				this.button.addDropdown(button, dropdown);
60 | 
61 | 			}
62 | 
63 | 
64 | 		};
65 | 	};
66 | })(jQuery);


--------------------------------------------------------------------------------
/textexpander.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.textexpander = function()
 4 | 	{
 5 | 		return {
 6 | 			init: function()
 7 | 			{
 8 | 				if (!this.opts.textexpander)
 9 | 				{
10 | 					return;
11 | 				}
12 | 
13 | 				this.$editor.on('keyup.redactor-plugin-textexpander', $.proxy(function(e)
14 | 				{
15 | 					var key = e.which;
16 | 					if (key === this.keyCode.SPACE)
17 | 					{
18 | 						var current = this.selection.current();
19 | 						var cloned = $(current).clone();
20 | 
21 | 						var $div = $('<div>');
22 | 						$div.html(cloned);
23 | 
24 | 						var text = $div.html();
25 | 						$div.remove();
26 | 
27 | 						var len = this.opts.textexpander.length;
28 | 						var replaced = 0;
29 | 
30 | 						for (var i = 0; i < len; i++)
31 | 						{
32 | 							var re = new RegExp(this.opts.textexpander[i][0]);
33 | 							if (text.search(re) !== -1)
34 | 							{
35 | 								replaced++;
36 | 								text = text.replace(re, this.opts.textexpander[i][1]);
37 | 
38 | 								$div = $('<div>');
39 | 								$div.html(text);
40 | 								$div.append(this.selection.marker());
41 | 
42 | 								var html = $div.html().replace(/&nbsp;/, '');
43 | 
44 | 								$(current).replaceWith(html);
45 | 								$div.remove();
46 | 							}
47 | 						}
48 | 
49 | 						if (replaced !== 0)
50 | 						{
51 | 							this.selection.restore();
52 | 						}
53 | 					}
54 | 
55 | 
56 | 				}, this));
57 | 
58 | 			}
59 | 		};
60 | 	};
61 | })(jQuery);


--------------------------------------------------------------------------------
/alignment/alignment.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.alignment = function()
 4 | 	{
 5 | 		return {
 6 | 			langs: {
 7 | 				en: {
 8 |     				"align": "Align",
 9 | 					"align-left": "Align Left",
10 | 					"align-center": "Align Center",
11 | 					"align-right": "Align Right"
12 | 				}
13 | 			},
14 | 			init: function()
15 | 			{
16 | 				var that = this;
17 | 				var dropdown = {};
18 | 
19 | 				dropdown.left = { title: that.lang.get('align-left'), func: that.alignment.setLeft };
20 | 				dropdown.center = { title: that.lang.get('align-center'), func: that.alignment.setCenter };
21 | 				dropdown.right = { title: that.lang.get('align-right'), func: that.alignment.setRight };
22 | 
23 | 				var button = this.button.add('alignment', this.lang.get('align'));
24 | 				this.button.addDropdown(button, dropdown);
25 | 			},
26 | 			removeAlign: function()
27 | 			{
28 |     		    this.block.removeClass('text-center');
29 |     		    this.block.removeClass('text-right');
30 | 			},
31 | 			setLeft: function()
32 | 			{
33 | 				this.buffer.set();
34 | 				this.alignment.removeAlign();
35 | 			},
36 | 			setCenter: function()
37 | 			{
38 | 				this.buffer.set();
39 | 				this.alignment.removeAlign();
40 | 				this.block.addClass('text-center');
41 | 			},
42 | 			setRight: function()
43 | 			{
44 | 				this.buffer.set();
45 | 				this.alignment.removeAlign();
46 | 				this.block.addClass('text-right');
47 | 			}
48 | 		};
49 | 	};
50 | })(jQuery);


--------------------------------------------------------------------------------
/imagemanager.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.imagemanager = function()
 4 | 	{
 5 | 		return {
 6 | 			langs: {
 7 | 				en: {
 8 | 					"upload": "Upload",
 9 | 					"choose": "Choose"
10 | 				}
11 | 			},
12 | 			init: function()
13 | 			{
14 | 				if (!this.opts.imageManagerJson)
15 | 				{
16 | 					return;
17 | 				}
18 | 
19 | 				this.modal.addCallback('image', this.imagemanager.load);
20 | 			},
21 | 			load: function()
22 | 			{
23 | 				var $box = $('<div style="overflow: auto; height: 300px; display: none;" class="redactor-modal-tab" data-title="Choose">');
24 | 				this.modal.getModal().append($box);
25 | 
26 | 				$.ajax({
27 | 					dataType: "json",
28 | 					cache: false,
29 | 					url: this.opts.imageManagerJson,
30 | 					success: $.proxy(function(data)
31 | 					{
32 | 						$.each(data, $.proxy(function(key, val)
33 | 						{
34 | 							// title
35 | 							var thumbtitle = '';
36 | 							if (typeof val.title !== 'undefined')
37 | 							{
38 | 								thumbtitle = val.title;
39 | 							}
40 | 
41 | 							var img = $('<img src="' + val.thumb + '"  data-params="' + encodeURI(JSON.stringify(val)) + '" style="width: 100px; height: 75px; cursor: pointer;" />');
42 | 							$box.append(img);
43 | 							$(img).click($.proxy(this.imagemanager.insert, this));
44 | 
45 | 						}, this));
46 | 
47 | 					}, this)
48 | 				});
49 | 
50 | 
51 | 			},
52 | 			insert: function(e)
53 | 			{
54 | 				var $el = $(e.target);
55 | 				var json = $.parseJSON(decodeURI($el.attr('data-params')));
56 | 
57 | 				this.image.insert(json, null);
58 | 			}
59 | 		};
60 | 	};
61 | })(jQuery);


--------------------------------------------------------------------------------
/definedlinks.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.definedlinks = function()
 4 | 	{
 5 | 		return {
 6 | 			init: function()
 7 | 			{
 8 | 				if (!this.opts.definedLinks)
 9 | 				{
10 | 					return;
11 | 				}
12 | 
13 | 				this.modal.addCallback('link', $.proxy(this.definedlinks.load, this));
14 | 
15 | 			},
16 | 			load: function()
17 | 			{
18 | 				var $section = $('<section />');
19 | 				var $select = $('<select id="redactor-defined-links" />');
20 | 
21 | 				$section.append($select);
22 | 				this.modal.getModal().prepend($section);
23 | 
24 | 				this.definedlinks.storage = {};
25 | 
26 | 				var url = (this.opts.definedlinks) ? this.opts.definedlinks : this.opts.definedLinks;
27 | 				$.getJSON(url, $.proxy(function(data)
28 | 				{
29 | 					$.each(data, $.proxy(function(key, val)
30 | 					{
31 | 						this.definedlinks.storage[key] = val;
32 | 						$select.append($('<option>').val(key).html(val.name));
33 | 
34 | 					}, this));
35 | 
36 | 					$select.on('change', $.proxy(this.definedlinks.select, this));
37 | 
38 | 				}, this));
39 | 
40 | 			},
41 | 			select: function(e)
42 | 			{
43 | 				var oldText = $.trim($('#redactor-link-url-text').val());
44 | 
45 | 				var key = $(e.target).val();
46 | 				var name = '', url = '';
47 | 				if (key !== 0)
48 | 				{
49 | 					name = this.definedlinks.storage[key].name;
50 | 					url = this.definedlinks.storage[key].url;
51 | 				}
52 | 
53 | 				$('#redactor-link-url').val(url);
54 | 
55 | 				if (oldText === '')
56 | 				{
57 | 					$('#redactor-link-url-text').val(name);
58 | 				}
59 | 
60 | 			}
61 | 		};
62 | 	};
63 | })(jQuery);


--------------------------------------------------------------------------------
/filemanager.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.filemanager = function()
 4 | 	{
 5 | 		return {
 6 | 			langs: {
 7 | 				en: {
 8 | 					"upload": "Upload",
 9 | 					"choose": "Choose"
10 | 				}
11 | 			},
12 | 			init: function()
13 | 			{
14 | 				if (!this.opts.fileManagerJson)
15 | 				{
16 | 					return;
17 | 				}
18 | 
19 | 				this.modal.addCallback('file', this.filemanager.load);
20 | 			},
21 | 			load: function()
22 | 			{
23 | 				var $box = $('<div  style="overflow: auto; height: 300px; display: none;" class="redactor-modal-tab" data-title="Choose">').hide();
24 | 				this.modal.getModal().append($box);
25 | 
26 | 
27 | 				$.ajax({
28 | 				  dataType: "json",
29 | 				  cache: false,
30 | 				  url: this.opts.fileManagerJson,
31 | 				  success: $.proxy(function(data)
32 | 					{
33 | 						var ul = $('<ul id="redactor-modal-list">');
34 | 						$.each(data, $.proxy(function(key, val)
35 | 						{
36 | 
37 | 							var a = $('<a href="#" data-params="' + encodeURI(JSON.stringify(val)) + '" class="redactor-file-manager-link">' + val.title + ' <span style="font-size: 11px; color: #888;">' + val.name + '</span> <span style="position: absolute; right: 10px; font-size: 11px; color: #888;">(' + val.size + ')</span></a>');
38 | 							var li = $('<li />');
39 | 
40 | 							a.on('click', $.proxy(this.filemanager.insert, this));
41 | 
42 | 							li.append(a);
43 | 							ul.append(li);
44 | 
45 | 						}, this));
46 | 
47 | 						$box.append(ul);
48 | 
49 | 
50 | 					}, this)
51 | 				});
52 | 
53 | 			},
54 | 			insert: function(e)
55 | 			{
56 | 				e.preventDefault();
57 | 
58 | 				var $el = $(e.target).closest('.redactor-file-manager-link');
59 | 				var json = $.parseJSON(decodeURI($el.attr('data-params')));
60 | 
61 | 				this.file.insert(json, null);
62 | 			}
63 | 		};
64 | 	};
65 | })(jQuery);


--------------------------------------------------------------------------------
/clips/clips.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.clips = function()
 4 | 	{
 5 | 		return {
 6 | 			init: function()
 7 | 			{
 8 | 				var items = [
 9 | 					['Lorem ipsum...', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'],
10 | 					['Red label', '<b class="label-red">Label</b>']
11 | 				];
12 | 
13 | 				this.clips.template = $('<ul id="redactor-modal-list">');
14 | 
15 | 				for (var i = 0; i < items.length; i++)
16 | 				{
17 | 					var li = $('<li>');
18 | 					var a = $('<a href="#" class="redactor-clips-link">').text(items[i][0]);
19 | 					var div = $('<div class="redactor-clips">').hide().html(items[i][1]);
20 | 
21 | 					li.append(a);
22 | 					li.append(div);
23 | 					this.clips.template.append(li);
24 | 				}
25 | 
26 | 				this.modal.addTemplate('clips', '<div class="modal-section">' + this.utils.getOuterHtml(this.clips.template) + '</div>');
27 | 
28 | 				var button = this.button.add('clips', 'Clips');
29 | 
30 | 				this.button.addCallback(button, this.clips.show);
31 | 
32 | 			},
33 | 			show: function()
34 | 			{
35 | 				this.modal.load('clips', 'Insert Clips', 500);
36 | 
37 | 				$('#redactor-modal-list').find('.redactor-clips-link').each($.proxy(this.clips.load, this));
38 | 
39 | 				this.modal.show();
40 | 			},
41 | 			load: function(i,s)
42 | 			{
43 | 				$(s).on('click', $.proxy(function(e)
44 | 				{
45 | 					e.preventDefault();
46 | 					this.clips.insert($(s).next().html());
47 | 
48 | 				}, this));
49 | 			},
50 | 			insert: function(html)
51 | 			{
52 | 				this.buffer.set();
53 | 				this.air.collapsedEnd();
54 | 				this.insert.html(html);
55 | 				this.modal.close();
56 | 			}
57 | 		};
58 | 	};
59 | })(jQuery);
60 | 
61 | 


--------------------------------------------------------------------------------
/video.js:
--------------------------------------------------------------------------------
 1 | (function($)
 2 | {
 3 | 	$.Redactor.prototype.video = function()
 4 | 	{
 5 | 		return {
 6 | 			reUrlYoutube: /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w.-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/ig,
 7 | 			reUrlVimeo: /https?:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/,
 8 | 			langs: {
 9 | 				en: {
10 | 					"video": "Video",
11 | 					"video-html-code": "Video Embed Code or Youtube/Vimeo Link"
12 | 				}
13 | 			},
14 | 			getTemplate: function()
15 | 			{
16 | 				return String()
17 | 				+ '<div class="modal-section" id="redactor-modal-video-insert">'
18 | 					+ '<section>'
19 | 						+ '<label>' + this.lang.get('video-html-code') + '</label>'
20 | 						+ '<textarea id="redactor-insert-video-area" style="height: 160px;"></textarea>'
21 | 					+ '</section>'
22 | 					+ '<section>'
23 | 						+ '<button id="redactor-modal-button-action">Insert</button>'
24 | 						+ '<button id="redactor-modal-button-cancel">Cancel</button>'
25 | 					+ '</section>'
26 | 				+ '</div>';
27 | 			},
28 | 			init: function()
29 | 			{
30 | 				var button = this.button.addAfter('image', 'video', this.lang.get('video'));
31 | 				this.button.addCallback(button, this.video.show);
32 | 			},
33 | 			show: function()
34 | 			{
35 | 				this.modal.addTemplate('video', this.video.getTemplate());
36 | 
37 | 				this.modal.load('video', this.lang.get('video'), 700);
38 | 
39 | 				// action button
40 | 				this.modal.getActionButton().text(this.lang.get('insert')).on('click', this.video.insert);
41 | 				this.modal.show();
42 | 
43 | 				// focus
44 | 				if (this.detect.isDesktop())
45 | 				{
46 | 					setTimeout(function()
47 | 					{
48 | 						$('#redactor-insert-video-area').focus();
49 | 
50 | 					}, 1);
51 | 				}
52 | 
53 | 
54 | 			},
55 | 			insert: function()
56 | 			{
57 | 				var data = $('#redactor-insert-video-area').val();
58 | 
59 | 				if (!data.match(/<iframe|<video/gi))
60 | 				{
61 | 					data = this.clean.stripTags(data);
62 | 
63 | 					this.opts.videoContainerClass = (typeof this.opts.videoContainerClass === 'undefined') ? 'video-container' : this.opts.videoContainerClass;
64 | 
65 | 					// parse if it is link on youtube & vimeo
66 | 					var iframeStart = '<div class="' + this.opts.videoContainerClass + '"><iframe style="width: 500px; height: 281px;" src="',
67 | 						iframeEnd = '" frameborder="0" allowfullscreen></iframe></div>';
68 | 
69 | 					if (data.match(this.video.reUrlYoutube))
70 | 					{
71 | 						data = data.replace(this.video.reUrlYoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
72 | 					}
73 | 					else if (data.match(this.video.reUrlVimeo))
74 | 					{
75 | 						data = data.replace(this.video.reUrlVimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
76 | 					}
77 | 				}
78 | 
79 | 				this.modal.close();
80 | 				this.placeholder.hide();
81 | 
82 | 				// buffer
83 | 				this.buffer.set();
84 | 
85 | 				// insert
86 | 				this.air.collapsed();
87 | 				this.insert.html(data);
88 | 
89 | 			}
90 | 
91 | 		};
92 | 	};
93 | })(jQuery);


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Official [Redactor II WYSIWYG](https://imperavi.com/redactor) Plugins
 2 | 
 3 | Redactor II is advanced, clean and smooth Rich Text Editor. It offers an excellent immersive user experience. Small and robust, Redactor is favorite choice for thousands of professional developers worldwide.
 4 | 
 5 | Redactor offers well-documented, [powerful and flexible API](https://imperavi.com/redactor/docs/api/), which extends and enhances user experinece and allows developers to do wonderful things with Redactor. 
 6 | 
 7 | ![Redactor Demo](https://dl.dropboxusercontent.com/u/127064/Plugin_Demo.png)
 8 | 
 9 | This repo contains latest versions of the official [Redactor II WYSIWYG](https://imperavi.com/redactor) Plugins. 
10 | 
11 | NB. You may need to [purchase a licence](https://imperavi.com/redactor/buy) for Redactor to use these plugins (they won't work without Redactor itself).
12 | 
13 | Here's the latest list of official Redactor II plugins with short descriptions.
14 | 
15 | ## Inline Style 
16 | Apply inline formatting to style text using "Style" dropdown.
17 | 
18 | ## Source Code 
19 | This plugin allows users to look through and edit text's HTML source code. Developers may extend and enhance this plugin to bring even more HTML-related source code features to the users.
20 | 
21 | ## Codemirror 
22 | This plugin enables source code highlighting, powered by [CodeMirror](http://codemirror.net). For all available settings and commands, please refer to CodeMirror User Manual.
23 | 
24 | ## Text Alignment 
25 | Align text left, center or right
26 | This plugin applies a specific class to selected text, allowing developers to tweak alignment precisely.
27 | 
28 | ## Table 
29 | Insert and format tables with ease.
30 | 
31 | ## Fullscreen 
32 | Expand Redactor to fill the whole screen. Also known as "distraction free" mode.
33 | 
34 | ## Video 
35 | Enrich text with embedded video.
36 | 
37 | ## Image Manager 
38 | Upload or choose and insert images to tell a more visual story.
39 | 
40 | ## File Manager 
41 | Manage, upload, select files and place them anywhere in Redactor.
42 | 
43 | ## Properties 
44 | This plugin allows you to assign any id or class to any block tag (selected or containing cursor).
45 | 
46 | ## Predefined Links 
47 | Allow users to select predefined links from a list.
48 | 
49 | ## [Uploadcare](https://github.com/uploadcare/uploadcare-redactor/) 
50 | Upload media from multiple cloud sources and social networks, and manage files with [Uploadcare.com](http://uploadcare.com) plugin. No backend required
51 | 
52 | ## Clips 
53 | Create a dropdown of frequently used "snippets" of code, text, icons, emoji, you name it.
54 | 
55 | ## Limiter 
56 | Limit the number of characters a user can enter.
57 | 
58 | ## Text Expander 
59 | Enter a short snippet of text or a word and this plugin will replace it to a frequently used predefined text. For example, enter "addrr" to have it replaced with your mailing address.
60 | 
61 | ## Text Direction 
62 | Easily change the direction of the text in a block element (paragraph, header, blockquote etc.).
63 | 
64 | ## Counter 
65 | Add a character counter.
66 | 
67 | All plugins are released under MIT license: feel free to do whatever you like with them.
68 | 
69 | 


--------------------------------------------------------------------------------
/fullscreen.js:
--------------------------------------------------------------------------------
  1 | (function($)
  2 | {
  3 | 	$.Redactor.prototype.fullscreen = function()
  4 | 	{
  5 | 		return {
  6 | 			langs: {
  7 | 				en: {
  8 | 					"fullscreen": "Fullscreen"
  9 | 				}
 10 | 			},
 11 | 			init: function()
 12 | 			{
 13 | 				this.fullscreen.isOpen = false;
 14 | 
 15 | 				var button = this.button.add('fullscreen', this.lang.get('fullscreen'));
 16 | 				this.button.addCallback(button, this.fullscreen.toggle);
 17 | 
 18 | 				if (this.opts.fullscreen)
 19 | 				{
 20 | 					this.fullscreen.toggle();
 21 | 				}
 22 | 
 23 | 			},
 24 | 			enable: function()
 25 | 			{
 26 | 				this.fullscreen.isOpened = false;
 27 | 				this.button.setActive('fullscreen');
 28 | 				this.fullscreen.isOpen = true;
 29 | 
 30 | 				if (!this.opts.fullscreen)
 31 | 				{
 32 | 					this.selection.save();
 33 | 				}
 34 | 
 35 | 				if (this.opts.toolbarExternal)
 36 | 				{
 37 | 					this.fullscreen.toolcss = {};
 38 | 					this.fullscreen.boxcss = {};
 39 | 					this.fullscreen.toolcss.width = this.$toolbar.css('width');
 40 | 					this.fullscreen.toolcss.top = this.$toolbar.css('top');
 41 | 					this.fullscreen.toolcss.position = this.$toolbar.css('position');
 42 | 					this.fullscreen.boxcss.top = this.$box.css('top');
 43 | 				}
 44 | 
 45 | 				this.fullscreen.height = this.core.editor().height();
 46 | 
 47 | 				if (this.opts.maxHeight)
 48 | 				{
 49 | 					this.core.editor().css('max-height', '');
 50 | 				}
 51 | 
 52 | 				if (this.opts.minHeight)
 53 | 				{
 54 | 					this.core.editor().css('min-height', '');
 55 | 				}
 56 | 
 57 | 				if (!this.$fullscreenPlaceholder)
 58 | 				{
 59 | 					this.$fullscreenPlaceholder = $('<div/>');
 60 | 				}
 61 | 
 62 | 				this.$fullscreenPlaceholder.insertAfter(this.$box);
 63 | 
 64 | 				this.core.box().appendTo(document.body);
 65 | 				this.core.box().addClass('redactor-box-fullscreen');
 66 | 
 67 | 				$('body').addClass('redactor-body-fullscreen');
 68 | 				$('body, html').css('overflow', 'hidden');
 69 | 
 70 | 				this.fullscreen.resize();
 71 | 
 72 | 				if (!this.opts.fullscreen)
 73 | 				{
 74 | 					this.selection.restore();
 75 | 				}
 76 | 
 77 | 				this.toolbar.observeScrollDisable();
 78 | 				$(window).on('resize.redactor-plugin-fullscreen', $.proxy(this.fullscreen.resize, this));
 79 | 				$(document).scrollTop(0, 0);
 80 | 
 81 | 				var self = this;
 82 | 				setTimeout(function()
 83 | 				{
 84 | 					self.fullscreen.isOpened = true;
 85 | 				}, 10);
 86 | 
 87 | 			},
 88 | 			disable: function()
 89 | 			{
 90 | 				this.button.setInactive('fullscreen');
 91 | 				this.fullscreen.isOpened = undefined;
 92 | 				this.fullscreen.isOpen = false;
 93 | 				this.selection.save();
 94 | 
 95 | 				$(window).off('resize.redactor-plugin-fullscreen');
 96 | 				$('body, html').css('overflow', '');
 97 | 
 98 | 				this.core.box().insertBefore(this.$fullscreenPlaceholder);
 99 | 				this.$fullscreenPlaceholder.remove();
100 | 
101 | 				this.core.box().removeClass('redactor-box-fullscreen').css({ width: 'auto', height: 'auto' });
102 | 				this.core.box().removeClass('redactor-box-fullscreen');
103 | 
104 | 				if (this.opts.toolbarExternal)
105 | 				{
106 | 					this.core.box().css('top', this.fullscreen.boxcss.top);
107 | 					this.core.toolbar().css({
108 | 						'width': this.fullscreen.toolcss.width,
109 | 						'top': this.fullscreen.toolcss.top,
110 | 						'position': this.fullscreen.toolcss.position
111 | 					});
112 | 				}
113 | 
114 | 				if (this.opts.minHeight)
115 | 				{
116 | 					this.core.editor().css('minHeight', this.opts.minHeight);
117 | 				}
118 | 
119 | 				if (this.opts.maxHeight)
120 | 				{
121 | 					this.core.editor().css('maxHeight', this.opts.maxHeight);
122 | 				}
123 | 
124 | 				this.core.editor().css('height', 'auto');
125 | 				this.selection.restore();
126 | 			},
127 | 			toggle: function()
128 | 			{
129 | 				return (this.fullscreen.isOpen) ? this.fullscreen.disable() : this.fullscreen.enable();
130 | 			},
131 | 			resize: function()
132 | 			{
133 | 				if (!this.fullscreen.isOpen)
134 | 				{
135 | 					return;
136 | 				}
137 | 
138 | 				var toolbarHeight = this.button.toolbar().height();
139 | 				var padding = parseInt(this.core.editor().css('padding-top')) + parseInt(this.core.editor().css('padding-bottom'));
140 | 				var height = $(window).height() - toolbarHeight - padding;
141 | 
142 | 				this.core.box().width($(window).width()).height(height);
143 | 
144 | 				if (this.opts.toolbarExternal)
145 | 				{
146 | 					this.core.toolbar().css({
147 | 						'top': '0px',
148 | 						'position': 'absolute',
149 | 						'width': '100%'
150 | 					});
151 | 
152 | 					this.core.box().css('top', toolbarHeight + 'px');
153 | 				}
154 | 
155 | 				this.core.editor().height(height);
156 | 			}
157 | 		};
158 | 	};
159 | })(jQuery);


--------------------------------------------------------------------------------
/source.js:
--------------------------------------------------------------------------------
  1 | (function($)
  2 | {
  3 | 	$.Redactor.prototype.source = function()
  4 | 	{
  5 | 		return {
  6 | 			init: function()
  7 | 			{
  8 | 				var button = this.button.addFirst('html', 'HTML');
  9 | 				this.button.addCallback(button, this.source.toggle);
 10 | 
 11 | 				var style = {
 12 | 					'width': '100%',
 13 | 					'margin': '0',
 14 | 					'background': '#111',
 15 | 					'box-sizing': 'border-box',
 16 | 					'color': 'rgba(255, 255, 255, .8)',
 17 | 					'font-size': '14px',
 18 | 					'outline': 'none',
 19 | 					'padding': '16px',
 20 | 					'line-height': '22px',
 21 | 					'font-family': 'Menlo, Monaco, Consolas, "Courier New", monospace'
 22 | 				};
 23 | 
 24 | 				this.source.$textarea = $('<textarea />');
 25 | 				this.source.$textarea.css(style).hide();
 26 | 
 27 | 				if (this.opts.type === 'textarea')
 28 | 				{
 29 | 					this.core.box().append(this.source.$textarea);
 30 | 				}
 31 | 				else
 32 | 				{
 33 | 					this.core.box().after(this.source.$textarea);
 34 | 				}
 35 | 
 36 | 				this.core.element().on('destroy.callback.redactor', $.proxy(function()
 37 | 				{
 38 | 					this.source.$textarea.remove();
 39 | 
 40 | 				}, this));
 41 | 
 42 | 			},
 43 | 			toggle: function()
 44 | 			{
 45 | 				return (this.source.$textarea.hasClass('open')) ? this.source.hide() : this.source.show();
 46 | 			},
 47 | 			setCaretOnShow: function()
 48 | 			{
 49 | 				this.source.offset = this.offset.get();
 50 | 				var scroll = $(window).scrollTop();
 51 | 
 52 | 				var	width = this.core.editor().innerWidth();
 53 | 				var height = this.core.editor().innerHeight();
 54 | 
 55 | 				// caret position sync
 56 | 				this.source.start = 0;
 57 | 				this.source.end = 0;
 58 | 				var $editorDiv = $("<div/>").append($.parseHTML(this.core.editor().html(), document, true));
 59 | 				var $selectionMarkers = $editorDiv.find("span.redactor-selection-marker");
 60 | 
 61 | 				if ($selectionMarkers.length > 0)
 62 | 				{
 63 | 					var editorHtml = $editorDiv.html().replace(/&amp;/g, '&');
 64 | 
 65 | 					if ($selectionMarkers.length === 1)
 66 | 					{
 67 | 						this.source.start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
 68 | 						this.source.end = this.source.start;
 69 | 					}
 70 | 					else if ($selectionMarkers.length === 2)
 71 | 					{
 72 | 						this.source.start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
 73 | 						this.source.end = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-2").prop("outerHTML")) - $editorDiv.find("#selection-marker-1").prop("outerHTML").toString().length;
 74 | 					}
 75 | 				}
 76 | 
 77 | 			},
 78 | 			setCaretOnHide: function(html)
 79 | 			{
 80 | 			    this.source.start = this.source.$textarea.get(0).selectionStart;
 81 | 				this.source.end = this.source.$textarea.get(0).selectionEnd;
 82 | 
 83 | 				// if selection starts from end
 84 | 				if (this.source.start > this.source.end && this.source.end > 0)
 85 | 				{
 86 | 					var tempStart = this.source.end;
 87 | 					var tempEnd = this.source.start;
 88 | 
 89 | 					this.source.start = tempStart;
 90 | 					this.source.end = tempEnd;
 91 | 				}
 92 | 
 93 | 				this.source.start = this.source.enlargeOffset(html, this.source.start);
 94 | 				this.source.end = this.source.enlargeOffset(html, this.source.end);
 95 | 
 96 | 				html = html.substr(0, this.source.start) + this.marker.html(1) + html.substr(this.source.start);
 97 | 
 98 | 				if (this.source.end > this.source.start)
 99 | 				{
100 | 					var markerLength = this.marker.html(1).toString().length;
101 | 
102 | 					html = html.substr(0, this.source.end + markerLength) + this.marker.html(2) + html.substr(this.source.end + markerLength);
103 | 				}
104 | 
105 | 
106 | 				return html;
107 | 
108 | 			},
109 | 			hide: function()
110 | 			{
111 | 				this.source.$textarea.removeClass('open').hide();
112 | 				this.source.$textarea.off('.redactor-source');
113 | 
114 | 				var code = this.source.$textarea.val();
115 | 
116 | 				code = this.paragraphize.load(code);
117 | 				code = this.source.setCaretOnHide(code);
118 | 
119 | 				this.code.start(code);
120 | 				this.button.enableAll();
121 | 				this.core.editor().show().focus();
122 | 				this.selection.restore();
123 | 				//this.code.sync();
124 | 			},
125 | 			show: function()
126 | 			{
127 | 				this.selection.save();
128 | 				this.source.setCaretOnShow();
129 | 
130 | 				var height = this.core.editor().innerHeight();
131 | 				var code = this.code.get();
132 | 
133 | 				code = code.replace(/\n\n\n/g, "\n");
134 | 				code = code.replace(/\n\n/g, "\n");
135 | 
136 | 				this.core.editor().hide();
137 | 				this.button.disableAll('html');
138 | 				this.source.$textarea.val(code).height(height).addClass('open').show();
139 | 				this.source.$textarea.on('keyup.redactor-source', $.proxy(function()
140 | 				{
141 | 					if (this.opts.type === 'textarea')
142 | 					{
143 | 						this.core.textarea().val(this.source.$textarea.val());
144 | 					}
145 | 
146 | 				}, this));
147 | 
148 | 				this.marker.remove();
149 | 
150 | 				$(window).scrollTop(scroll);
151 | 
152 | 				if (this.source.$textarea[0].setSelectionRange)
153 | 				{
154 | 					this.source.$textarea[0].setSelectionRange(this.source.start, this.source.end);
155 | 				}
156 | 
157 | 				this.source.$textarea[0].scrollTop = 0;
158 | 
159 | 				setTimeout($.proxy(function()
160 | 				{
161 | 					this.source.$textarea.focus();
162 | 
163 | 				}, this), 0);
164 | 			},
165 | 			enlargeOffset: function(html, offset)
166 | 			{
167 | 				var htmlLength = html.length;
168 | 				var c = 0;
169 | 
170 | 				if (html[offset] === '>')
171 | 				{
172 | 					c++;
173 | 				}
174 | 				else
175 | 				{
176 | 					for(var i = offset; i <= htmlLength; i++)
177 | 					{
178 | 						c++;
179 | 
180 | 						if (html[i] === '>')
181 | 						{
182 | 							break;
183 | 						}
184 | 						else if (html[i] === '<' || i === htmlLength)
185 | 						{
186 | 							c = 0;
187 | 							break;
188 | 						}
189 | 					}
190 | 				}
191 | 
192 | 				return offset + c;
193 | 			}
194 | 		};
195 | 	};
196 | })(jQuery);


--------------------------------------------------------------------------------
/codemirror.js:
--------------------------------------------------------------------------------
  1 | (function($)
  2 | {
  3 | 	$.Redactor.prototype.codemirror = function()
  4 | 	{
  5 | 		return {
  6 | 			init: function()
  7 | 			{
  8 | 				var button = this.button.addFirst('html', 'HTML');
  9 | 				this.button.addCallback(button, this.codemirror.toggle);
 10 | 
 11 | 				this.codemirror.$textarea = $('<textarea />');
 12 | 				this.codemirror.$textarea.hide();
 13 | 
 14 | 				if (this.opts.type === 'textarea')
 15 | 				{
 16 | 					this.core.box().append(this.codemirror.$textarea);
 17 | 				}
 18 | 				else
 19 | 				{
 20 | 					this.core.box().after(this.codemirror.$textarea);
 21 | 				}
 22 | 
 23 | 				this.core.element().on('destroy.callback.redactor', $.proxy(function()
 24 | 				{
 25 | 					this.codemirror.$textarea.remove();
 26 | 
 27 | 				}, this));
 28 | 
 29 | 				var settings = (typeof this.opts.codemirror !== 'undefined') ? this.opts.codemirror : { lineNumbers: true };
 30 | 				this.codemirror.editor = CodeMirror.fromTextArea(this.codemirror.$textarea[0], settings);
 31 | 
 32 | 				this.codemirror.$textarea.next('.CodeMirror').hide();
 33 | 
 34 | 			},
 35 | 			toggle: function()
 36 | 			{
 37 | 				return (this.codemirror.$textarea.hasClass('open')) ? this.codemirror.hide() : this.codemirror.show();
 38 | 			},
 39 | 			setCaretOnShow: function()
 40 | 			{
 41 | 				this.codemirror.offset = this.offset.get();
 42 | 				var scroll = $(window).scrollTop();
 43 | 
 44 | 				var	width = this.core.editor().innerWidth();
 45 | 				var height = this.core.editor().innerHeight();
 46 | 
 47 | 				// caret position sync
 48 | 				this.codemirror.start = 0;
 49 | 				this.codemirror.end = 0;
 50 | 				var $editorDiv = $("<div/>").append($.parseHTML(this.core.editor().html(), document, true));
 51 | 				var $selectionMarkers = $editorDiv.find(".redactor-selection-marker");
 52 | 
 53 | 				if ($selectionMarkers.length > 0)
 54 | 				{
 55 | 					var editorHtml = $editorDiv.html().replace(/&amp;/g, '&');
 56 | 
 57 | 					if ($selectionMarkers.length === 1)
 58 | 					{
 59 | 						this.codemirror.start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
 60 | 						this.codemirror.end = this.codemirror.start;
 61 | 					}
 62 | 					else if ($selectionMarkers.length === 2)
 63 | 					{
 64 | 						this.codemirror.start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
 65 | 						this.codemirror.end = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-2").prop("outerHTML")) - $editorDiv.find("#selection-marker-1").prop("outerHTML").toString().length;
 66 | 					}
 67 | 				}
 68 | 
 69 | 			},
 70 | 			setCaretOnHide: function()
 71 | 			{
 72 | 				this.codemirror.start = 0;
 73 | 				this.codemirror.end = 0;
 74 | 
 75 | 				var self = this;
 76 | 				var html = '';
 77 | 				this.codemirror.$textarea.next('.CodeMirror').each(function(i, el)
 78 | 				{
 79 | 					self.codemirror.selection = el.CodeMirror.listSelections();
 80 | 
 81 | 					self.codemirror.start = el.CodeMirror.indexFromPos(self.codemirror.selection[0].anchor);
 82 | 					self.codemirror.end = el.CodeMirror.indexFromPos(self.codemirror.selection[0].head);
 83 | 
 84 | 					html = el.CodeMirror.getValue();
 85 | 				});
 86 | 
 87 | 
 88 | 				// if selection starts from end
 89 | 				if (this.codemirror.start > this.codemirror.end && this.codemirror.end > 0)
 90 | 				{
 91 | 					var tempStart = this.codemirror.end;
 92 | 					var tempEnd = this.codemirror.start;
 93 | 
 94 | 					this.codemirror.start = tempStart;
 95 | 					this.codemirror.end = tempEnd;
 96 | 				}
 97 | 
 98 | 				this.codemirror.start = this.codemirror.enlargeOffset(html, this.codemirror.start);
 99 | 				this.codemirror.end = this.codemirror.enlargeOffset(html, this.codemirror.end);
100 | 
101 | 				html = html.substr(0, this.codemirror.start) + this.marker.html(1) + html.substr(this.codemirror.start);
102 | 
103 | 				if (this.codemirror.end > this.codemirror.start)
104 | 				{
105 | 					var markerLength = this.marker.html(1).toString().length;
106 | 
107 | 					html = html.substr(0, this.codemirror.end + markerLength) + this.marker.html(2) + html.substr(this.codemirror.end + markerLength);
108 | 				}
109 | 
110 | 				return html;
111 | 
112 | 			},
113 | 			hide: function()
114 | 			{
115 | 				var code;
116 | 				this.codemirror.$textarea.removeClass('open').next('.CodeMirror').hide();
117 | 				this.codemirror.$textarea.next('.CodeMirror').off('.redactor-codemirror');
118 | 
119 | 				code = this.codemirror.setCaretOnHide(code);
120 | 				code = this.paragraphize.load(code);
121 | 
122 | 				this.code.start(code);
123 | 				this.button.enableAll();
124 | 				this.core.editor().show().focus();
125 | 				this.selection.restore();
126 | 				//this.code.sync();
127 | 
128 | 			},
129 | 			show: function()
130 | 			{
131 | 				this.selection.save();
132 | 				this.codemirror.setCaretOnShow();
133 | 
134 | 				var height = this.core.editor().innerHeight();
135 | 				var code = this.code.get();
136 | 
137 | 				code = code.replace(/\n\n\n/g, "\n");
138 | 				code = code.replace(/\n\n/g, "\n");
139 | 
140 | 				this.core.editor().hide();
141 | 				this.button.disableAll('html');
142 | 				this.marker.remove();
143 | 
144 | 				this.codemirror.$textarea.val(code).height(height).addClass('open');
145 | 				this.codemirror.$textarea.next('.CodeMirror').on('keyup.redactor-codemirror', $.proxy(function()
146 | 				{
147 | 					if (this.opts.type === 'textarea')
148 | 					{
149 | 						this.codemirror.$textarea.next('.CodeMirror').each($.proxy(function(i, el)
150 | 						{
151 | 							this.core.textarea().val(el.CodeMirror.getValue());
152 | 
153 | 						}, this));
154 | 					}
155 | 
156 | 				}, this));
157 | 
158 | 				var self = this;
159 | 				this.codemirror.$textarea.next('.CodeMirror').each(function(i, el)
160 | 				{
161 | 					$(el).show();
162 | 					el.CodeMirror.setValue(code);
163 | 					el.CodeMirror.setSize('100%', height);
164 | 					el.CodeMirror.refresh();
165 | 
166 | 					if (self.codemirror.start === self.codemirror.end)
167 | 					{
168 | 						el.CodeMirror.setCursor(el.CodeMirror.posFromIndex(self.codemirror.start).line, el.CodeMirror.posFromIndex(self.codemirror.end).ch);
169 | 					}
170 | 					else
171 | 					{
172 | 						el.CodeMirror.setSelection({line: el.CodeMirror.posFromIndex(self.codemirror.start).line,
173 | 													ch: el.CodeMirror.posFromIndex(self.codemirror.start).ch},
174 | 												  {line: el.CodeMirror.posFromIndex(self.codemirror.end).line,
175 | 												   ch:  el.CodeMirror.posFromIndex(self.codemirror.end).ch});
176 | 					}
177 | 
178 | 					el.CodeMirror.focus();
179 | 				});
180 | 
181 | 			},
182 | 			enlargeOffset: function(html, offset)
183 | 			{
184 | 				var htmlLength = html.length;
185 | 				var c = 0;
186 | 
187 | 				if (html[offset] === '>')
188 | 				{
189 | 					c++;
190 | 				}
191 | 				else
192 | 				{
193 | 					for(var i = offset; i <= htmlLength; i++)
194 | 					{
195 | 						c++;
196 | 
197 | 						if (html[i] === '>')
198 | 						{
199 | 							break;
200 | 						}
201 | 						else if (html[i] === '<' || i === htmlLength)
202 | 						{
203 | 							c = 0;
204 | 							break;
205 | 						}
206 | 					}
207 | 				}
208 | 
209 | 				return offset + c;
210 | 			}
211 | 		};
212 | 	};
213 | })(jQuery);


--------------------------------------------------------------------------------
/properties.js:
--------------------------------------------------------------------------------
  1 | (function($)
  2 | {
  3 | 	$.Redactor.prototype.properties = function()
  4 | 	{
  5 | 		return {
  6 | 			langs: {
  7 | 				en: {
  8 | 					"properties": "Properties"
  9 | 				}
 10 | 			},
 11 | 			block: false,
 12 | 			labelStyle: {
 13 | 				'position': 'absolute',
 14 | 				'padding': '2px 5px',
 15 | 				'line-height': 1,
 16 | 				'border-radius': '5px',
 17 | 				'font-size': '10px',
 18 | 				'color': 'rgba(255, 255, 255, .9)',
 19 | 				'z-index': 99
 20 | 			},
 21 | 			getTemplate: function()
 22 | 			{
 23 | 				 return String()
 24 | 				 + '<div class="modal-section" id="redactor-modal-properties">'
 25 | 				 	+ '<section>'
 26 | 				 		+ '<label id="modal-properties-id-label">Id</label>'
 27 | 				 		+ '<input type="text" id="modal-properties-id" />'
 28 | 				 	+ '</section>'
 29 | 				 	+ '<section>'
 30 | 					 	+ '<label id="modal-properties-class-label">Class</label>'
 31 | 					 	+ '<input type="text" id="modal-properties-class" />'
 32 | 					 + '</section>'
 33 | 					+ '<section>'
 34 | 						+ '<button id="redactor-modal-button-action">Save</button>'
 35 | 						+ '<button id="redactor-modal-button-cancel">Cancel</button>'
 36 | 					+ '</section>'
 37 | 				 + '</div>';
 38 | 			},
 39 | 			setup: function()
 40 | 			{
 41 | 				this.opts.properties = (typeof this.opts.properties === 'undefined') ? {} : this.opts.properties;
 42 | 				this.opts.properties.id = (typeof this.opts.properties.id === 'undefined') ? true : this.opts.properties.id;
 43 | 				this.opts.properties.classname = (typeof this.opts.properties.classname === 'undefined') ? true : this.opts.properties.classname;
 44 | 				this.opts.properties.show = (typeof this.opts.properties.show === 'undefined') ? false : this.opts.properties.show;
 45 | 
 46 | 			},
 47 | 			init: function()
 48 | 			{
 49 | 				if (this.opts.type === 'pre' || this.opts.type === 'inline')
 50 | 				{
 51 | 					return;
 52 | 				}
 53 | 
 54 | 				this.properties.setup();
 55 | 
 56 | 				this.properties.createLabelId(this.properties.labelStyle);
 57 | 				this.properties.createLabelClass(this.properties.labelStyle);
 58 | 
 59 | 				this.properties.setEvents();
 60 | 
 61 | 				var button = this.button.add('properties', this.lang.get('properties'));
 62 | 				this.button.addCallback(button, this.properties.show);
 63 | 
 64 | 			},
 65 | 			show: function()
 66 | 			{
 67 | 				this.modal.addTemplate('properties', this.properties.getTemplate());
 68 | 				this.modal.load('properties', 'Properties', 600);
 69 | 
 70 | 				var button = this.modal.getActionButton().text('Save');
 71 | 				button.on('click', this.properties.save);
 72 | 
 73 | 				this.properties.showId();
 74 | 				this.properties.showClass();
 75 | 
 76 | 				this.modal.show();
 77 | 
 78 | 			},
 79 | 			createLabelId: function(css)
 80 | 			{
 81 | 				if (!this.opts.properties.show && !this.opts.properties.id)
 82 | 				{
 83 | 					return;
 84 | 				}
 85 | 
 86 | 				this.properties.labelId = $('<span />').attr('id', 'redactor-properties-label-id-' + this.uuid).attr('title', 'ID').hide();
 87 | 				this.properties.labelId.css(css).css('background', 'rgba(229, 57, 143, .7)');
 88 | 				$('body').append(this.properties.labelId);
 89 | 
 90 | 			},
 91 | 			createLabelClass: function(css)
 92 | 			{
 93 | 				if (!this.opts.properties.show && !this.opts.properties.classname)
 94 | 				{
 95 | 					return;
 96 | 				}
 97 | 
 98 | 				this.properties.labelClass = $('<span />').attr('id', 'redactor-properties-label-class-' + this.uuid).attr('title', 'class').hide();
 99 | 				this.properties.labelClass.css(css).css('background', 'rgba(61, 121, 242, .7)');
100 | 				$('body').append(this.properties.labelClass);
101 | 
102 | 			},
103 | 			setEvents: function()
104 | 			{
105 | 				this.core.element().on('click.callback.redactor', this.properties.showOnClick);
106 | 				$(document).on('mousedown.redactor-properties', $.proxy(this.properties.hideOnBlur, this));
107 | 
108 | 				this.core.element().on('destroy.callback.redactor', $.proxy(function()
109 | 				{
110 | 					$(document).off('.redactor-properties');
111 | 
112 | 				}, this));
113 | 			},
114 | 			showId: function()
115 | 			{
116 | 				if (this.opts.properties.id)
117 | 				{
118 | 					$('#modal-properties-id-label').show();
119 | 					$('#modal-properties-id').show().val($(this.properties.block).attr('id'));
120 | 				}
121 | 				else
122 | 				{
123 | 					$('#modal-properties-id, #modal-properties-id-label').hide();
124 | 				}
125 | 			},
126 | 			showClass: function()
127 | 			{
128 | 				if (this.opts.properties.classname)
129 | 				{
130 | 					$('#modal-properties-class-label').show();
131 | 					$('#modal-properties-class').show().val($(this.properties.block).attr('class'));
132 | 				}
133 | 				else
134 | 				{
135 | 					$('#modal-properties-class, #modal-properties-class-label').hide();
136 | 				}
137 | 			},
138 | 			save: function()
139 | 			{
140 | 				// id
141 | 				if (this.opts.properties.id)
142 | 				{
143 | 					var id = $('#modal-properties-id').val();
144 | 					if (typeof id === 'undefined' || id === '')
145 | 					{
146 | 						this.block.removeAttr('id', this.properties.block);
147 | 					}
148 | 					else
149 | 					{
150 | 						this.block.replaceAttr('id', id, this.properties.block);
151 | 					}
152 | 				}
153 | 
154 | 				// class
155 | 				if (this.opts.properties.classname)
156 | 				{
157 | 					var classname = $('#modal-properties-class').val();
158 | 					if (typeof classname === 'undefined' || classname === '')
159 | 					{
160 | 						this.block.removeAttr('class', this.properties.block);
161 | 					}
162 | 					else
163 | 					{
164 | 						this.block.replaceClass(classname, this.properties.block);
165 | 					}
166 | 				}
167 | 
168 | 				this.modal.close();
169 | 				this.properties.showOnClick(false);
170 | 
171 | 			},
172 | 			showOnClick: function(e)
173 | 			{
174 | 				if (e !== false)
175 | 				{
176 | 					e.preventDefault();
177 | 				}
178 | 
179 | 				var zindex = (typeof this.fullscreen !== 'undefined' && this.fullscreen.isOpen) ? 1052 : 99;
180 | 
181 | 				this.properties.block = this.selection.block();
182 | 				if (!this.properties.block || !this.utils.isRedactorParent(this.properties.block) || this.utils.isCurrentOrParent(['figure', 'li']))
183 | 				{
184 | 					return;
185 | 				}
186 | 
187 | 				var pos = $(this.properties.block).offset();
188 | 
189 | 				var classname = this.properties.showOnClickClass(pos, zindex);
190 | 				this.properties.showOnClickId(pos, zindex, classname);
191 | 
192 | 			},
193 | 			showOnClickId: function(pos, zindex, classname)
194 | 			{
195 | 				var id = $(this.properties.block).attr('id');
196 | 				if (this.opts.properties.show && this.opts.properties.id && typeof id !== 'undefined' && id !== '')
197 | 				{
198 | 					setTimeout($.proxy(function()
199 | 					{
200 | 						var width = (this.opts.properties.classname && typeof classname !== 'undefined' && classname !== '') ? this.properties.labelClass.innerWidth() : -3;
201 | 						this.properties.labelId.css({
202 | 
203 | 							zIndex: zindex,
204 | 							top: pos.top - 13,
205 | 							left: pos.left + width
206 | 
207 | 						}).show().text('#' + id);
208 | 
209 | 					}, this), 10);
210 | 				}
211 | 			},
212 | 			showOnClickClass: function(pos, zindex)
213 | 			{
214 | 				var classname = $(this.properties.block).attr('class');
215 | 				if (this.opts.properties.show && this.opts.properties.classname && typeof classname !== 'undefined' && classname !== '')
216 | 				{
217 | 					this.properties.labelClass.css({
218 | 
219 | 						zIndex: zindex,
220 | 						top: pos.top - 13,
221 | 						left: pos.left - 3
222 | 
223 | 					}).show().text(classname);
224 | 				}
225 | 
226 | 				return classname;
227 | 			},
228 | 			hideOnBlur: function(e)
229 | 			{
230 | 				if (e.target === this.properties.block)
231 | 				{
232 | 					return;
233 | 				}
234 | 
235 | 				this.properties.hideOnBlurId();
236 | 				this.properties.hideOnBlurClass();
237 | 
238 | 			},
239 | 			hideOnBlurId: function()
240 | 			{
241 | 				if (this.opts.properties.show && this.opts.properties.id)
242 | 				{
243 | 					this.properties.labelId.css('z-index', 99).hide();
244 | 				}
245 | 			},
246 | 			hideOnBlurClass: function()
247 | 			{
248 | 				if (this.opts.properties.show && this.opts.properties.classname)
249 | 				{
250 | 					this.properties.labelClass.css('z-index', 99).hide();
251 | 				}
252 | 			}
253 | 		};
254 | 	};
255 | })(jQuery);


--------------------------------------------------------------------------------
/table.js:
--------------------------------------------------------------------------------
  1 | (function($)
  2 | {
  3 | 	$.Redactor.prototype.table = function()
  4 | 	{
  5 | 		return {
  6 | 			langs: {
  7 | 				en: {
  8 | 					"table": "Table",
  9 | 					"insert-table": "Insert table",
 10 | 					"insert-row-above": "Insert row above",
 11 | 					"insert-row-below": "Insert row below",
 12 | 					"insert-column-left": "Insert column left",
 13 | 					"insert-column-right": "Insert column right",
 14 | 					"add-head": "Add head",
 15 | 					"delete-head": "Delete head",
 16 | 					"delete-column": "Delete column",
 17 | 					"delete-row": "Delete row",
 18 | 					"delete-table": "Delete table"
 19 | 				}
 20 | 			},
 21 | 			init: function()
 22 | 			{
 23 | 				var dropdown = {};
 24 | 
 25 | 				dropdown.insert_table = {
 26 | 									title: this.lang.get('insert-table'),
 27 | 									func: this.table.insert,
 28 | 									observe: {
 29 | 										element: 'table',
 30 | 										in: {
 31 | 											attr: {
 32 | 												'class': 'redactor-dropdown-link-inactive',
 33 | 												'aria-disabled': true,
 34 | 											}
 35 | 										}
 36 | 									}
 37 | 								};
 38 | 
 39 | 				dropdown.insert_row_above = {
 40 | 									title: this.lang.get('insert-row-above'),
 41 | 									func: this.table.addRowAbove,
 42 | 									observe: {
 43 | 										element: 'table',
 44 | 										out: {
 45 | 											attr: {
 46 | 												'class': 'redactor-dropdown-link-inactive',
 47 | 												'aria-disabled': true,
 48 | 											}
 49 | 										}
 50 | 									}
 51 | 								};
 52 | 
 53 | 				dropdown.insert_row_below = {
 54 | 									title: this.lang.get('insert-row-below'),
 55 | 									func: this.table.addRowBelow,
 56 | 									observe: {
 57 | 										element: 'table',
 58 | 										out: {
 59 | 											attr: {
 60 | 												'class': 'redactor-dropdown-link-inactive',
 61 | 												'aria-disabled': true,
 62 | 											}
 63 | 										}
 64 | 									}
 65 | 								};
 66 | 
 67 | 				dropdown.insert_column_left = {
 68 | 									title: this.lang.get('insert-column-left'),
 69 | 									func: this.table.addColumnLeft,
 70 | 									observe: {
 71 | 										element: 'table',
 72 | 										out: {
 73 | 											attr: {
 74 | 												'class': 'redactor-dropdown-link-inactive',
 75 | 												'aria-disabled': true,
 76 | 											}
 77 | 										}
 78 | 									}
 79 | 								};
 80 | 
 81 | 				dropdown.insert_column_right = {
 82 | 									title: this.lang.get('insert-column-right'),
 83 | 									func: this.table.addColumnRight,
 84 | 									observe: {
 85 | 										element: 'table',
 86 | 										out: {
 87 | 											attr: {
 88 | 												'class': 'redactor-dropdown-link-inactive',
 89 | 												'aria-disabled': true,
 90 | 											}
 91 | 										}
 92 | 									}
 93 | 								};
 94 | 
 95 | 				dropdown.add_head = {
 96 | 									title: this.lang.get('add-head'),
 97 | 									func: this.table.addHead,
 98 | 									observe: {
 99 | 										element: 'table',
100 | 										out: {
101 | 											attr: {
102 | 												'class': 'redactor-dropdown-link-inactive',
103 | 												'aria-disabled': true,
104 | 											}
105 | 										}
106 | 									}
107 | 								};
108 | 
109 | 				dropdown.delete_head = {
110 | 									title: this.lang.get('delete-head'),
111 | 									func: this.table.deleteHead,
112 | 									observe: {
113 | 										element: 'table',
114 | 										out: {
115 | 											attr: {
116 | 												'class': 'redactor-dropdown-link-inactive',
117 | 												'aria-disabled': true,
118 | 											}
119 | 										}
120 | 									}
121 | 								};
122 | 
123 | 				dropdown.delete_column = {
124 | 									title: this.lang.get('delete-column'),
125 | 									func: this.table.deleteColumn,
126 | 									observe: {
127 | 										element: 'table',
128 | 										out: {
129 | 											attr: {
130 | 												'class': 'redactor-dropdown-link-inactive',
131 | 												'aria-disabled': true,
132 | 											}
133 | 										}
134 | 									}
135 | 								};
136 | 
137 | 				dropdown.delete_row = {
138 | 									title: this.lang.get('delete-row'),
139 | 									func: this.table.deleteRow,
140 | 									observe: {
141 | 										element: 'table',
142 | 										out: {
143 | 											attr: {
144 | 												'class': 'redactor-dropdown-link-inactive',
145 | 												'aria-disabled': true,
146 | 											}
147 | 										}
148 | 									}
149 | 								};
150 | 
151 | 				dropdown.delete_table = {
152 | 									title: this.lang.get('delete-table'),
153 | 									func: this.table.deleteTable,
154 | 									observe: {
155 | 										element: 'table',
156 | 										out: {
157 | 											attr: {
158 | 												'class': 'redactor-dropdown-link-inactive',
159 | 												'aria-disabled': true,
160 | 											}
161 | 										}
162 | 									}
163 | 								};
164 | 
165 | 
166 | 				var button = this.button.addBefore('link', 'table', this.lang.get('table'));
167 | 				this.button.addDropdown(button, dropdown);
168 | 			},
169 | 			insert: function()
170 | 			{
171 | 				if (this.table.getTable())
172 | 				{
173 | 					return;
174 | 				}
175 | 
176 | 				this.placeholder.hide();
177 | 
178 | 				var rows = 2;
179 | 				var columns = 3;
180 | 				var $tableBox = $('<div>');
181 | 				var $table = $('<table />');
182 | 
183 | 
184 | 				for (var i = 0; i < rows; i++)
185 | 				{
186 | 					var $row = $('<tr>');
187 | 
188 | 					for (var z = 0; z < columns; z++)
189 | 					{
190 | 						var $column = $('<td>' + this.opts.invisibleSpace + '</td>');
191 | 
192 | 						// set the focus to the first td
193 | 						if (i === 0 && z === 0)
194 | 						{
195 | 							$column.append(this.marker.get());
196 | 						}
197 | 
198 | 						$($row).append($column);
199 | 					}
200 | 
201 | 					$table.append($row);
202 | 				}
203 | 
204 | 				$tableBox.append($table);
205 | 				var html = $tableBox.html();
206 | 
207 | 				this.buffer.set();
208 | 
209 | 				var current = this.selection.current();
210 | 				if ($(current).closest('li').length !== 0)
211 | 				{
212 | 					$(current).closest('ul, ol').first().after(html);
213 | 				}
214 | 				else
215 | 				{
216 | 					this.air.collapsed();
217 | 					this.insert.html(html);
218 | 				}
219 | 
220 | 				this.selection.restore();
221 | 				this.core.callback('insertedTable', $table);
222 | 			},
223 | 			getTable: function()
224 | 			{
225 | 				var $table = $(this.selection.current()).closest('table');
226 | 
227 | 				if (!this.utils.isRedactorParent($table))
228 | 				{
229 | 					return false;
230 | 				}
231 | 
232 | 				if ($table.size() === 0)
233 | 				{
234 | 					return false;
235 | 				}
236 | 
237 | 				return $table;
238 | 			},
239 | 			restoreAfterDelete: function($table)
240 | 			{
241 | 				this.selection.restore();
242 | 				$table.find('span.redactor-selection-marker').remove();
243 | 
244 | 			},
245 | 			deleteTable: function()
246 | 			{
247 | 				var $table = this.table.getTable();
248 | 				if (!$table)
249 | 				{
250 | 					return;
251 | 				}
252 | 
253 | 				this.buffer.set();
254 | 
255 | 
256 | 				var $next = $table.next();
257 | 				if (!this.opts.linebreaks && $next.length !== 0)
258 | 				{
259 | 					this.caret.start($next);
260 | 				}
261 | 				else
262 | 				{
263 | 					this.caret.after($table);
264 | 				}
265 | 
266 | 
267 | 				$table.remove();
268 | 
269 | 
270 | 			},
271 | 			deleteRow: function()
272 | 			{
273 | 				var $table = this.table.getTable();
274 | 				if (!$table)
275 | 				{
276 | 					return;
277 | 				}
278 | 
279 | 				var $current = $(this.selection.current());
280 | 
281 | 				this.buffer.set();
282 | 
283 | 				var $current_tr = $current.closest('tr');
284 | 				var $focus_tr = $current_tr.prev().length ? $current_tr.prev() : $current_tr.next();
285 | 				if ($focus_tr.length)
286 | 				{
287 | 					var $focus_td = $focus_tr.children('td, th').first();
288 | 					if ($focus_td.length)
289 | 					{
290 | 						$focus_td.prepend(this.marker.get());
291 | 					}
292 | 				}
293 | 
294 | 				$current_tr.remove();
295 | 				this.table.restoreAfterDelete($table);
296 | 			},
297 | 			deleteColumn: function()
298 | 			{
299 | 				var $table = this.table.getTable();
300 | 				if (!$table)
301 | 				{
302 | 					return;
303 | 				}
304 | 
305 | 				this.buffer.set();
306 | 
307 | 				var $current = $(this.selection.current());
308 | 				var $current_td = $current.closest('td, th');
309 | 				var index = $current_td[0].cellIndex;
310 | 
311 | 				$table.find('tr').each($.proxy(function(i, elem)
312 | 				{
313 | 					var $elem = $(elem);
314 | 					var focusIndex = index - 1 < 0 ? index + 1 : index - 1;
315 | 					if (i === 0)
316 | 					{
317 | 						$elem.find('td, th').eq(focusIndex).prepend(this.marker.get());
318 | 					}
319 | 
320 | 					$elem.find('td, th').eq(index).remove();
321 | 
322 | 				}, this));
323 | 
324 | 				this.table.restoreAfterDelete($table);
325 | 			},
326 | 			addHead: function()
327 | 			{
328 | 				var $table = this.table.getTable();
329 | 				if (!$table)
330 | 				{
331 | 					return;
332 | 				}
333 | 
334 | 				this.buffer.set();
335 | 
336 | 				if ($table.find('thead').size() !== 0)
337 | 				{
338 | 					this.table.deleteHead();
339 | 					return;
340 | 				}
341 | 
342 | 				var tr = $table.find('tr').first().clone();
343 | 				tr.find('td').replaceWith($.proxy(function()
344 | 				{
345 | 					return $('<th>').html(this.opts.invisibleSpace);
346 | 				}, this));
347 | 
348 | 				$thead = $('<thead></thead>').append(tr);
349 | 				$table.prepend($thead);
350 | 
351 | 
352 | 
353 | 			},
354 | 			deleteHead: function()
355 | 			{
356 | 				var $table = this.table.getTable();
357 | 				if (!$table)
358 | 				{
359 | 					return;
360 | 				}
361 | 
362 | 				var $thead = $table.find('thead');
363 | 				if ($thead.size() === 0)
364 | 				{
365 | 					return;
366 | 				}
367 | 
368 | 				this.buffer.set();
369 | 
370 | 				$thead.remove();
371 | 
372 | 			},
373 | 			addRowAbove: function()
374 | 			{
375 | 				this.table.addRow('before');
376 | 			},
377 | 			addRowBelow: function()
378 | 			{
379 | 				this.table.addRow('after');
380 | 			},
381 | 			addColumnLeft: function()
382 | 			{
383 | 				this.table.addColumn('before');
384 | 			},
385 | 			addColumnRight: function()
386 | 			{
387 | 				this.table.addColumn('after');
388 | 			},
389 | 			addRow: function(type)
390 | 			{
391 | 				var $table = this.table.getTable();
392 | 				if (!$table)
393 | 				{
394 | 					return;
395 | 				}
396 | 
397 | 				this.buffer.set();
398 | 
399 | 				var $current = $(this.selection.current());
400 | 				var $current_tr = $current.closest('tr');
401 | 				var new_tr = $current_tr.clone();
402 | 
403 | 				new_tr.find('th').replaceWith(function()
404 | 				{
405 | 					var $td = $('<td>');
406 | 					$td[0].attributes = this.attributes;
407 | 
408 | 					return $td.append($(this).contents());
409 | 				});
410 | 
411 | 				new_tr.find('td').html(this.opts.invisibleSpace);
412 | 
413 | 				if (type === 'after')
414 | 				{
415 | 					$current_tr.after(new_tr);
416 | 				}
417 | 				else
418 | 				{
419 | 					$current_tr.before(new_tr);
420 | 				}
421 | 
422 | 
423 | 			},
424 | 			addColumn: function (type)
425 | 			{
426 | 				var $table = this.table.getTable();
427 | 				if (!$table)
428 | 				{
429 | 					return;
430 | 				}
431 | 
432 | 				var index = 0;
433 | 				var current = $(this.selection.current());
434 | 
435 | 				this.buffer.set();
436 | 
437 | 				var $current_tr = current.closest('tr');
438 | 				var $current_td = current.closest('td, th');
439 | 
440 | 				$current_tr.find('td, th').each($.proxy(function(i, elem)
441 | 				{
442 | 					if ($(elem)[0] === $current_td[0])
443 | 					{
444 | 						index = i;
445 | 					}
446 | 
447 | 				}, this));
448 | 
449 | 				$table.find('tr').each($.proxy(function(i, elem)
450 | 				{
451 | 					var $current = $(elem).find('td, th').eq(index);
452 | 
453 | 					var td = $current.clone();
454 | 					td.html(this.opts.invisibleSpace);
455 | 
456 | 					if (type === 'after')
457 | 					{
458 | 						$current.after(td);
459 | 					}
460 | 					else
461 | 					{
462 | 						$current.before(td);
463 | 					}
464 | 
465 | 				}, this));
466 | 
467 | 
468 | 			}
469 | 		};
470 | 	};
471 | })(jQuery);


--------------------------------------------------------------------------------