Codepen embed

index.js

@@ -2,5 +2,6 @@ module.exports = {
 	Plugin: require('./lib/Plugin'),
 	extensions: {
 		youtube: require('./lib/plugins/youtube'),
+		codepen: require('./lib/plugins/codepen'),
 	},
 }

lib/plugins/codepen.js

@@ -0,0 +1,20 @@
+module.exports = function (code, opts) {
+	var themeId = opts.codepen.themeId;
+	var height = opts.codepen.height;
+	var defaultTab = opts.codepen.defaultTab;
+
+	return "<iframe " +
+		"height='"+height+"' " +
+		"scrolling='no' " +
+		"src='//codepen.io/Commander-lol/embed/preview/" + code + "/?height="+height+"&theme-id="+themeId+"&default-tab="+defaultTab+"&embed-version=2' " +
+		"frameborder='no' " +
+		"allowtransparency='true' " +
+		"allowfullscreen='true' " +
+		"style='width: 100%;'>" +
+		"See the Pen" +
+		"<a href='http://codepen.io/Commander-lol/pen/" + code + "/'>" +
+		"" + code + "" +
+		"</a>" +
+		"by Louis Capitanchik (<a href='http://codepen.io/Commander-lol'>@Commander-lol</a>)" +
+		"on <a href='http://codepen.io'>CodePen</a>"
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "remarkable-embed",
-  "version": "0.2.3",
+  "version": "0.3.2",
   "description": "Extensible Remarkable plugin for embedding content in markdown",
   "main": "index.js",
   "scripts": {