Support attributes at a inline code level

Author: BenHall

lib/marked.js

@@ -458,6 +458,7 @@ var inline = {
   strong: /^__([\s\S]+?)__(?!_)|^\*\*([\s\S]+?)\*\*(?!\*)/,
   em: /^\b_((?:[^_]|__)+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
   code: /^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,
+  attr: /^({{)(.*)}}/,
   br: /^ {2,}\n(?!\s*$)/,
   del: noop,
   text: /^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/
@@ -661,7 +662,15 @@ InlineLexer.prototype.output = function(src) {
     // code
     if (cap = this.rules.code.exec(src)) {
       src = src.substring(cap[0].length);
-      out += this.renderer.codespan(escape(cap[2], true));
+
+      var attr;
+      if (attr_cap = this.rules.attr.exec(src)) {
+        src = src.substring(attr_cap[0].length);
+        attr = attr_cap[2];
+      }
+
+      out += this.renderer.codespan(escape(cap[2], true), attr);
+
       continue;
     }
 
@@ -854,7 +863,10 @@ Renderer.prototype.em = function(text) {
   return '<em>' + text + '</em>';
 };
 
-Renderer.prototype.codespan = function(text) {
+Renderer.prototype.codespan = function(text, attr) {
+  if(attr) {
+    return '<code class="' + attr + '">' + text + '</code>';
+  }
   return '<code>' + text + '</code>';
 };
 

test/tests/code_spans.html

@@ -1,5 +1,7 @@
 <p><code>&lt;test a=&quot;</code> content of attribute <code>&quot;&gt;</code></p>
 
+<p><code class="lang">code with an attribute</code></p>
+
 <p>Fix for backticks within HTML tag: <span attr='`ticks`'>like this</span></p>
 
 <p>Here&#39;s how you put <code>`backticks`</code> in a code span.</p>

test/tests/code_spans.text

@@ -1,5 +1,7 @@
 `<test a="` content of attribute `">`
 
+`code with an attribute`{{lang}}
+
 Fix for backticks within HTML tag: <span attr='`ticks`'>like this</span>
 
 Here's how you put `` `backticks` `` in a code span.