feat(ngdocs): external links to github, plunkr and jsfiddle available for code examples

2 files changed, 22 insertions, 3 deletions

diff --git a/docs/src/ngdoc.js b/docs/src/ngdoc.js
index 3bcfb196..0b0bb340 100644
--- a/docs/src/ngdoc.js
+++ b/docs/src/ngdoc.js
@@ -105,7 +105,7 @@ Doc.prototype = {
       IS_URL = /^(https?:\/\/|ftps?:\/\/|mailto:|\.|\/)/,
       IS_ANGULAR = /^(api\/)?(angular|ng|AUTO)\./,
       IS_HASH = /^#/,
-      parts = trim(text).split(/(<pre>[\s\S]*?<\/pre>|<doc:example(\S*).*?>[\s\S]*?<\/doc:example>|<example[^>]*>[\s\S]*?<\/example>)/),
+      parts = trim(text).split(/(<pre.*?>[\s\S]*?<\/pre>|<doc:example(\S*).*?>[\s\S]*?<\/doc:example>|<example[^>]*>[\s\S]*?<\/example>)/),
       seq = 0,
       placeholderMap = {};
 
@@ -191,9 +191,9 @@ Doc.prototype = {
 
           return placeholder(example.toHtml());
         }).
-        replace(/^<pre>([\s\S]*?)<\/pre>/mi, function(_, content){
+        replace(/^<pre(.*?)>([\s\S]*?)<\/pre>/mi, function(_, attrs, content){
           return placeholder(
-            '<pre class="prettyprint linenums">' +
+            '<pre'+attrs+' class="prettyprint linenums">' +
               content.replace(/</g, '&lt;').replace(/>/g, '&gt;') +
               '</pre>');
         }).
diff --git a/docs/src/templates/css/docs.css b/docs/src/templates/css/docs.css
index fdc74736..c15172ca 100644
--- a/docs/src/templates/css/docs.css
+++ b/docs/src/templates/css/docs.css
@@ -241,3 +241,22 @@ ul.events > li > h3 {
 .type-hint-number {
   background:rgb(189, 63, 66);
 }
+
+.syntax-links {
+  background:#eee;
+  border:1px solid #ddd;
+  text-align:right;
+  padding:1em;
+  border-bottom:0;
+  border-top-left-radius:4px;
+  border-top-right-radius:4px;
+}
+
+.syntax-links a {
+  margin-left:10px;
+}
+
+.syntax-links + pre {
+  border-top-left-radius:0;
+  border-top-right-radius:0;
+}