Merge pull request #6 from flaviolaino/patch-1

Create iframe.js

src/iframe.js

@@ -0,0 +1,75 @@
+SirTrevor.Blocks.Iframe = (function() {
+
+	return SirTrevor.Block.extend({
+
+		regex_src : /(?:<iframe)(?:.+)(?:src="){1}([^"].+?)(?:")(?:.+)(?:<\/iframe>)/i,
+		regex_width : /(?:<iframe)(?:.+)(?:width="){1}([^"].+?)(?:")(?:.+)(?:<\/iframe>)/i,
+		regex_height : /(?:<iframe)(?:.+)(?:height="){1}([^"].+?)(?:")(?:.+)(?:<\/iframe>)/i,
+
+		type : 'iframe',
+
+		icon_name : 'iframe',
+
+		title : function() {
+			return "Iframe";
+		},
+
+		toolbarEnabled : true,
+
+		droppable : false,
+
+		pastable : true,
+
+		paste_options : {
+			html : '<input type="text" placeholder="<iframe>" class="st-block__paste-input st-paste-block">'
+		},
+
+		onContentPasted : function(event) {
+			this.loading();
+
+			obj = {};
+
+			val = $(event.target).val();
+
+			match_src = this.regex_src.exec(val);
+
+			if (match_src !== null && !_.isUndefined(match_src[1])) {
+				obj.src = match_src[1];
+
+				match_width = val.match(this.regex_width);
+
+				if (match_width !== null && !_.isUndefined(match_width[1])) {
+					obj.width = match_width[1];
+				}
+
+				match_height = val.match(this.regex_height);
+
+				if (match_height !== null && !_.isUndefined(match_height[1])) {
+					obj.height = match_height[1];
+				}
+
+				this.setAndLoadData(obj);
+			}
+		},
+
+		uploadable : false,
+
+		formattable : false,
+
+		loadData : function(data) {
+			data.width = (typeof data.width == undefined || !data.width) ? '100%' : data.width;
+			data.height = (typeof data.height == undefined || !data.height) ? '100%' : data.height;
+
+			this.$inner.prepend(
+				$('<iframe>')
+					.attr('src', data.src)
+					.attr('class', 'st-block-embed')
+					.attr('width', data.width)
+					.attr('height', data.height)
+			);
+
+			this.ready();
+		},
+	});
+
+})();