Add file-name info to code block

Hey, it would be awesome to be able to say state which file one is working on, like so:

<pre><code data-file="prism.js">
   ... code
</pre></code>

This would add something like http://prismjs.com/plugins/show-language/ with the filename in it. Although I think it would be nice if it was within the <pre> tag so that it is all group within a main container.

I am writing some posts with lots of code, so for this it would be very nice to be able to add the filenames.

[LeaVerou]

@lukasoppermann You can just add a pseudoelement, like so:

pre[data-file]::before {
  content: attr(data-file);
  position: absolute;
  top: 0;
  right: 0;
}

[lukasoppermann]

Hey @LeaVerou I am totally with you on this, maybe we should open a new ticket to discuss how the language plugin could be extended / replaced with a more generic plugin that serves the old purpose, but also the new?