Render math in Asciidoc and Markdown with KaTeX using code blocks

1 files changed, 28 insertions, 0 deletions

diff --git a/app/assets/javascripts/syntax_highlight.js b/app/assets/javascripts/syntax_highlight.js
new file mode 100644
index 00000000000..f4e9d5af74f
--- /dev/null
+++ b/app/assets/javascripts/syntax_highlight.js
@@ -0,0 +1,28 @@
+/* eslint-disable func-names, space-before-function-paren, consistent-return, no-var, no-undef, no-else-return, prefer-arrow-callback, padded-blocks, max-len */
+// Syntax Highlighter
+//
+// Applies a syntax highlighting color scheme CSS class to any element with the
+// `js-syntax-highlight` class
+//
+// ### Example Markup
+//
+//   <div class="js-syntax-highlight"></div>
+//
+(function() {
+
+  $.fn.syntaxHighlight = function() {
+    var $children;
+
+    if ($(this).hasClass('js-syntax-highlight')) {
+      // Given the element itself, apply highlighting
+      return $(this).addClass(gon.user_color_scheme);
+    } else {
+      // Given a parent element, recurse to any of its applicable children
+      $children = $(this).find('.js-syntax-highlight');
+      if ($children.length) {
+        return $children.syntaxHighlight();
+      }
+    }
+  };
+
+}).call(this);