redactor2_rails 0.1.1

data/vendor/assets/javascripts/redactor2_rails/langs/tr.js

@@ -0,0 +1,50 @@
+(function ($)
+{
+	$.Redactor.opts.langs['tr'] = {
+    "format": "Format",
+    "image": "Görsel",
+    "file": "Dosya",
+    "link": "Link",
+    "bold": "Kalın",
+    "italic": "İtalik",
+    "deleted": "Üzeri çizgili",
+    "underline": "Altı çizgili",
+    "bold-abbr": "B",
+    "italic-abbr": "I",
+    "deleted-abbr": "S",
+    "underline-abbr": "U",
+    "lists": "Listeleme",
+    "link-insert": "Link ekle",
+    "link-edit": "Linki düzenle",
+    "link-in-new-tab": "Yeni bir pencerede aç",
+    "unlink": "Linki Kaldır",
+    "cancel": "Vazgeç",
+    "close": "Kapat",
+    "insert": "Ekle",
+    "save": "Kaydet",
+    "delete": "Sil",
+    "text": "Metin",
+    "edit": "Düzenle",
+    "title": "Başlık",
+    "paragraph": "Normal yazı",
+    "quote": "Alıntı",
+    "code": "Kod",
+    "heading1": "Başlık 1",
+    "heading2": "Başlık 2",
+    "heading3": "Başlık 3",
+    "heading4": "Başlık 4",
+    "heading5": "Başlık 5",
+    "heading6": "Başlık 6",
+    "filename": "İsim",
+    "optional": "opsiyonel",
+    "unorderedlist": "Sırasız Liste",
+    "orderedlist": "Sıralı Liste",
+    "outdent": "Dışarı Doğru",
+    "indent": "İçeri Doğru",
+    "horizontalrule": "Çizgi",
+    "upload-label": "Dosyayı buraya sürukle veya ",
+    "accessibility-help-label": "Zenginleştirilmiş yazı editorü",
+    "caption": "Caption"
+};
+
+})(jQuery);

data/vendor/assets/javascripts/redactor2_rails/langs/zh_cn.js

@@ -0,0 +1,52 @@
+(function ($)
+{
+	$.Redactor.opts.langs['zh_cn'] = {
+    "format": "格式",
+    "image": "图片",
+    "file": "文件",
+    "link": "链接",
+    "bold": "加粗",
+    "italic": "斜体",
+    "deleted": "删除线",
+    "underline": "底线",
+    "bold-abbr": "B",
+    "italic-abbr": "I",
+    "deleted-abbr": "S",
+    "underline-abbr": "U",
+    "lists": "列表",
+    "link-insert": "插入链接",
+    "link-edit": "编辑链接",
+    "link-in-new-tab": "在新页面中打开",
+    "unlink": "取消链接",
+    "cancel": "取消",
+    "close": "关闭",
+    "insert": "插入",
+    "save": "保存",
+    "delete": "删除",
+    "text": "文本",
+    "edit": "编辑",
+    "title": "标题",
+    "paragraph": "段落",
+    "quote": "引用",
+    "code": "代码",
+    "heading1": "标题 1",
+    "heading2": "标题 2",
+    "heading3": "标题 3",
+    "heading4": "标题 4",
+    "heading5": "标题 5",
+    "heading6": "标题 6",
+    "filename": "文件名",
+    "optional": "optional",
+    "unorderedlist": "无序列表",
+    "orderedlist": "有序列表",
+    "outdent": "向左缩进",
+    "indent": "向右缩进",
+    "horizontalrule": "水平分隔线",
+    "upload-label": "上传文件",
+    "table": "表格",
+    "video": "视频",
+    "accessibility-help-label": "富文本编辑器",
+    "caption": "Caption"
+};
+
+})(jQuery);

data/vendor/assets/javascripts/redactor2_rails/langs/zh_tw.js

@@ -0,0 +1,50 @@
+(function ($)
+{
+	$.Redactor.opts.langs['zh_tw'] = {
+    "format": "樣式",
+    "image": "插入圖片",
+    "file": "插入文件",
+    "link": "連結",
+    "bold": "將文字變成粗體",
+    "italic": "將文字變成斜體",
+    "deleted": "刪除線",
+    "underline": "底線",
+    "bold-abbr": "B",
+    "italic-abbr": "I",
+    "deleted-abbr": "S",
+    "underline-abbr": "U",
+    "lists": "列表",
+    "link-insert": "插入連結",
+    "link-edit": "編輯連結",
+    "link-in-new-tab": "開啟新分頁",
+    "unlink": "移除連結",
+    "cancel": "取消",
+    "close": "關閉",
+    "insert": "插入",
+    "save": "儲存",
+    "delete": "刪除",
+    "text": "內文",
+    "edit": "編輯",
+    "title": "標題",
+    "paragraph": "段落",
+    "quote": "引用",
+    "code": "原始碼",
+    "heading1": "標題 1",
+    "heading2": "標題 2",
+    "heading3": "標題 3",
+    "heading4": "標題 4",
+    "heading5": "標題 5",
+    "heading6": "標題 6",
+    "filename": "檔案名稱",
+    "optional": "optional",
+    "unorderedlist": "項目列表",
+    "orderedlist": "編號列表",
+    "outdent": "減少縮排",
+    "indent": "增加縮排",
+    "horizontalrule": "插入水平線",
+    "upload-label": "拖曳檔案",
+    "accessibility-help-label": "Rich text editor",
+    "caption": "Caption"
+};
+
+})(jQuery);

data/vendor/assets/javascripts/redactor2_rails/plugins.js

@@ -0,0 +1,4 @@
+//= require ./plugins/clips
+//= require ./plugins/fullscreen
+//= require ./plugins/source
+//= require ./plugins/textdirection

data/vendor/assets/javascripts/redactor2_rails/plugins/clips.js

@@ -0,0 +1,60 @@
+(function($)
+{
+	$.Redactor.prototype.clips = function()
+	{
+		return {
+			init: function()
+			{
+				var items = [
+					['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.'],
+					['Red label', '<b class="label-red">Label</b>']
+				];
+
+				this.clips.template = $('<ul id="redactor-modal-list">');
+
+				for (var i = 0; i < items.length; i++)
+				{
+					var li = $('<li>');
+					var a = $('<a href="#" class="redactor-clips-link">').text(items[i][0]);
+					var div = $('<div class="redactor-clips">').hide().html(items[i][1]);
+
+					li.append(a);
+					li.append(div);
+					this.clips.template.append(li);
+				}
+
+				this.modal.addTemplate('clips', '<div class="modal-section">' + this.utils.getOuterHtml(this.clips.template) + '</div>');
+
+				var button = this.button.add('clips', 'Clips');
+
+				this.button.addCallback(button, this.clips.show);
+
+			},
+			show: function()
+			{
+				this.modal.load('clips', 'Insert Clips', 500);
+
+				$('#redactor-modal-list').find('.redactor-clips-link').each($.proxy(this.clips.load, this));
+
+				this.modal.show();
+			},
+			load: function(i,s)
+			{
+				$(s).on('click', $.proxy(function(e)
+				{
+					e.preventDefault();
+					this.clips.insert($(s).next().html());
+
+				}, this));
+			},
+			insert: function(html)
+			{
+				this.buffer.set();
+				this.air.collapsedEnd();
+				this.insert.html(html);
+				this.modal.close();
+			}
+		};
+	};
+})(jQuery);
+

data/vendor/assets/javascripts/redactor2_rails/plugins/fullscreen.js

@@ -0,0 +1,159 @@
+(function($)
+{
+	$.Redactor.prototype.fullscreen = function()
+	{
+		return {
+			langs: {
+				en: {
+					"fullscreen": "Fullscreen"
+				}
+			},
+			init: function()
+			{
+				this.fullscreen.isOpen = false;
+
+				var button = this.button.add('fullscreen', this.lang.get('fullscreen'));
+				this.button.addCallback(button, this.fullscreen.toggle);
+
+				if (this.opts.fullscreen)
+				{
+					this.fullscreen.toggle();
+				}
+
+			},
+			enable: function()
+			{
+				this.fullscreen.isOpened = false;
+				this.button.setActive('fullscreen');
+				this.fullscreen.isOpen = true;
+
+				if (!this.opts.fullscreen)
+				{
+					this.selection.save();
+				}
+
+				if (this.opts.toolbarExternal)
+				{
+					this.fullscreen.toolcss = {};
+					this.fullscreen.boxcss = {};
+					this.fullscreen.toolcss.width = this.$toolbar.css('width');
+					this.fullscreen.toolcss.top = this.$toolbar.css('top');
+					this.fullscreen.toolcss.position = this.$toolbar.css('position');
+					this.fullscreen.boxcss.top = this.$box.css('top');
+				}
+
+				this.fullscreen.height = this.core.editor().height();
+
+				if (this.opts.maxHeight)
+				{
+					this.core.editor().css('max-height', '');
+				}
+
+				if (this.opts.minHeight)
+				{
+					this.core.editor().css('min-height', '');
+				}
+
+				if (!this.$fullscreenPlaceholder)
+				{
+					this.$fullscreenPlaceholder = $('<div/>');
+				}
+
+				this.$fullscreenPlaceholder.insertAfter(this.$box);
+
+				this.core.box().appendTo(document.body);
+				this.core.box().addClass('redactor-box-fullscreen');
+
+				$('body').addClass('redactor-body-fullscreen');
+				$('body, html').css('overflow', 'hidden');
+
+				this.fullscreen.resize();
+
+				if (!this.opts.fullscreen)
+				{
+					this.selection.restore();
+				}
+
+				this.toolbar.observeScrollDisable();
+				$(window).on('resize.redactor-plugin-fullscreen', $.proxy(this.fullscreen.resize, this));
+				$(document).scrollTop(0, 0);
+
+				var self = this;
+				setTimeout(function()
+				{
+					self.fullscreen.isOpened = true;
+				}, 10);
+
+			},
+			disable: function()
+			{
+				this.button.setInactive('fullscreen');
+				this.fullscreen.isOpened = undefined;
+				this.fullscreen.isOpen = false;
+				this.selection.save();
+
+				$(window).off('resize.redactor-plugin-fullscreen');
+				$('body, html').css('overflow', '');
+
+				this.core.box().insertBefore(this.$fullscreenPlaceholder);
+				this.$fullscreenPlaceholder.remove();
+
+				this.core.box().removeClass('redactor-box-fullscreen').css({ width: 'auto', height: 'auto' });
+				this.core.box().removeClass('redactor-box-fullscreen');
+
+				if (this.opts.toolbarExternal)
+				{
+					this.core.box().css('top', this.fullscreen.boxcss.top);
+					this.core.toolbar().css({
+						'width': this.fullscreen.toolcss.width,
+						'top': this.fullscreen.toolcss.top,
+						'position': this.fullscreen.toolcss.position
+					});
+				}
+
+				if (this.opts.minHeight)
+				{
+					this.core.editor().css('minHeight', this.opts.minHeight);
+				}
+
+				if (this.opts.maxHeight)
+				{
+					this.core.editor().css('maxHeight', this.opts.maxHeight);
+				}
+
+				this.core.editor().css('height', 'auto');
+				this.selection.restore();
+			},
+			toggle: function()
+			{
+				return (this.fullscreen.isOpen) ? this.fullscreen.disable() : this.fullscreen.enable();
+			},
+			resize: function()
+			{
+				if (!this.fullscreen.isOpen)
+				{
+					return;
+				}
+
+				var toolbarHeight = this.button.toolbar().height();
+				var padding = parseInt(this.core.editor().css('padding-top')) + parseInt(this.core.editor().css('padding-bottom'));
+				var height = $(window).height() - toolbarHeight - padding;
+
+				this.core.box().width($(window).width()).height(height);
+
+				if (this.opts.toolbarExternal)
+				{
+					this.core.toolbar().css({
+						'top': '0px',
+						'position': 'absolute',
+						'width': '100%'
+					});
+
+					this.core.box().css('top', toolbarHeight + 'px');
+				}
+
+				this.core.editor().height(height);
+			}
+		};
+	};
+})(jQuery);

data/vendor/assets/javascripts/redactor2_rails/plugins/source.js

@@ -0,0 +1,195 @@
+(function($)
+{
+	$.Redactor.prototype.source = function()
+	{
+		return {
+			init: function()
+			{
+				var button = this.button.addFirst('html', 'HTML');
+				this.button.addCallback(button, this.source.toggle);
+
+				var style = {
+					'width': '100%',
+					'margin': '0',
+					'background': '#111',
+					'box-sizing': 'border-box',
+					'color': 'rgba(255, 255, 255, .8)',
+					'font-size': '14px',
+					'outline': 'none',
+					'padding': '16px',
+					'line-height': '22px',
+					'font-family': 'Menlo, Monaco, Consolas, "Courier New", monospace'
+				};
+
+				this.source.$textarea = $('<textarea />');
+				this.source.$textarea.css(style).hide();
+
+				if (this.opts.type === 'textarea')
+				{
+					this.core.box().append(this.source.$textarea);
+				}
+				else
+				{
+					this.core.box().after(this.source.$textarea);
+				}
+
+				this.core.element().on('destroy.callback.redactor', $.proxy(function()
+				{
+					this.source.$textarea.remove();
+
+				}, this));
+
+			},
+			toggle: function()
+			{
+				return (this.source.$textarea.hasClass('open')) ? this.source.hide() : this.source.show();
+			},
+			setCaretOnShow: function()
+			{
+				this.source.offset = this.offset.get();
+				var scroll = $(window).scrollTop();
+
+				var	width = this.core.editor().innerWidth();
+				var height = this.core.editor().innerHeight();
+
+				// caret position sync
+				this.source.start = 0;
+				this.source.end = 0;
+				var $editorDiv = $("<div/>").append($.parseHTML(this.core.editor().html(), document, true));
+				var $selectionMarkers = $editorDiv.find("span.redactor-selection-marker");
+
+				if ($selectionMarkers.length > 0)
+				{
+					var editorHtml = $editorDiv.html().replace(/&amp;/g, '&');
+
+					if ($selectionMarkers.length === 1)
+					{
+						this.source.start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
+						this.source.end = this.source.start;
+					}
+					else if ($selectionMarkers.length === 2)
+					{
+						this.source.start = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-1").prop("outerHTML"));
+						this.source.end = this.utils.strpos(editorHtml, $editorDiv.find("#selection-marker-2").prop("outerHTML")) - $editorDiv.find("#selection-marker-1").prop("outerHTML").toString().length;
+					}
+				}
+
+			},
+			setCaretOnHide: function(html)
+			{
+				this.source.start = this.source.$textarea.get(0).selectionStart;
+				this.source.end = this.source.$textarea.get(0).selectionEnd;
+
+				// if selection starts from end
+				if (this.source.start > this.source.end && this.source.end > 0)
+				{
+					var tempStart = this.source.end;
+					var tempEnd = this.source.start;
+
+					this.source.start = tempStart;
+					this.source.end = tempEnd;
+				}
+
+				this.source.start = this.source.enlargeOffset(html, this.source.start);
+				this.source.end = this.source.enlargeOffset(html, this.source.end);
+
+				html = html.substr(0, this.source.start) + this.marker.html(1) + html.substr(this.source.start);
+
+				if (this.source.end > this.source.start)
+				{
+					var markerLength = this.marker.html(1).toString().length;
+
+					html = html.substr(0, this.source.end + markerLength) + this.marker.html(2) + html.substr(this.source.end + markerLength);
+				}
+
+				return html;
+
+			},
+			hide: function()
+			{
+				this.source.$textarea.removeClass('open').hide();
+				this.source.$textarea.off('.redactor-source');
+
+				var code = this.source.$textarea.val();
+
+				code = this.paragraphize.load(code);
+				code = this.source.setCaretOnHide(code);
+
+				this.code.start(code);
+				this.button.enableAll();
+				this.core.editor().show().focus();
+				this.selection.restore();
+				this.code.sync();
+			},
+			show: function()
+			{
+				this.selection.save();
+				this.source.setCaretOnShow();
+
+				var height = this.core.editor().innerHeight();
+				var code = this.code.get();
+
+				code = code.replace(/\n\n\n/g, "\n");
+				code = code.replace(/\n\n/g, "\n");
+
+				this.core.editor().hide();
+				this.button.disableAll('html');
+				this.source.$textarea.val(code).height(height).addClass('open').show();
+				this.source.$textarea.on('keyup.redactor-source', $.proxy(function()
+				{
+					if (this.opts.type === 'textarea')
+					{
+						this.core.textarea().val(this.source.$textarea.val());
+					}
+
+				}, this));
+
+				this.marker.remove();
+
+				$(window).scrollTop(scroll);
+
+				if (this.source.$textarea[0].setSelectionRange)
+				{
+					this.source.$textarea[0].setSelectionRange(this.source.start, this.source.end);
+				}
+
+				this.source.$textarea[0].scrollTop = 0;
+
+				setTimeout($.proxy(function()
+				{
+					this.source.$textarea.focus();
+
+				}, this), 0);
+			},
+			enlargeOffset: function(html, offset)
+			{
+				var htmlLength = html.length;
+				var c = 0;
+
+				if (html[offset] === '>')
+				{
+					c++;
+				}
+				else
+				{
+					for(var i = offset; i <= htmlLength; i++)
+					{
+						c++;
+
+						if (html[i] === '>')
+						{
+							break;
+						}
+						else if (html[i] === '<' || i === htmlLength)
+						{
+							c = 0;
+							break;
+						}
+					}
+				}
+
+				return offset + c;
+			}
+		};
+	};
+})(jQuery);