Add support for img element to image node

Author: wooorm

handlers/image.js

@@ -0,0 +1,13 @@
+'use strict';
+
+module.exports = image;
+
+function image(h, node) {
+  var props = {
+    url: node.properties.src || '',
+    title: node.properties.title || null,
+    alt: node.properties.alt || null
+  };
+
+  return h(node, 'image', props);
+}

handlers/index.js

@@ -7,6 +7,7 @@ exports.text = require('./text');
 exports.strong = exports.b = require('./strong');
 exports.em = exports.i = require('./emphasis');
 exports.code = exports.kbd = exports.samp = exports.var = require('./inline-code');
+exports.img = require('./image');
 
 exports.p = require('./paragraph');
 

tests/fixtures/img/index.html

@@ -0,0 +1,5 @@
+<p><img src="http://example.com" title="example" alt="example"></p>
+<p><img src="http://example.com" title="example"></p>
+<p><img src="http://example.com" alt="example"></p>
+<p><img src="http://example.com"></p>
+<p><img></p>

tests/fixtures/img/index.json

@@ -0,0 +1,3 @@
+{
+  "fragment": true
+}

tests/fixtures/img/index.md

@@ -0,0 +1,9 @@
+![example](http://example.com "example")
+
+![](http://example.com "example")
+
+![example](http://example.com)
+
+![](http://example.com)
+
+![](<>)