Add support for inline code highlighting

CHANGES.md

@@ -54,6 +54,7 @@ Parser:
 - adds `title.class` sub-scope support (#3078) [Josh Goebel][]
 - adds `title.function` sub-scope support (#3078) [Josh Goebel][]
 - adds `beforeMatch` compiler extension (#3078) [Josh Goebel][]
+- adds `allCodeSelector` option (#3180) [James Edington][]
 
 Grammars:
 
@@ -129,6 +130,7 @@ Dev Improvements:
 [NullVoxPopuli]: https://github.com/NullVoxPopuli
 [Mike Watling]: https://github.com/Pickysaurus
 [Nico Abram]:https://github.com/nico-abram
+[James Edington]: http://www.ishygddt.xyz/
 
 
 ## Version 10.7.1

docs/api.rst

@@ -95,6 +95,7 @@ Configures global options:
 * ``languages``: an array of language names and aliases restricting auto detection to only these languages.
 * ``languageDetectRe``: a regex to configure how CSS class names map to language (allows class names like say `color-as-php` vs the default of `language-php`, etc.)
 * ``noHighlightRe``: a regex to configure which CSS classes are to be skipped completely.
+* ``allCodeSelector``: a CSS selector to configure which elements are affected by ``hljs.highlightAll``. Defaults to ``'pre code'``.
 
 Accepts an object representing options with the values to updated. Other options don't change
 ::
@@ -111,7 +112,7 @@ Accepts an object representing options with the values to updated. Other options
 highlightAll
 ------------
 
-Applies highlighting to all ``<pre><code>...</code></pre>`` blocks on a page.
+Applies highlighting to all elements on a page matching ``allCodeSelector``.
 This can be called before or after the page's ``onload`` event has fired.
 
 
@@ -120,7 +121,7 @@ initHighlighting
 
 *Deprecated as of 10.6:* Please use ``highlightAll()`` instead.
 
-Applies highlighting to all ``<pre><code>...</code></pre>`` blocks on a page.
+Applies highlighting to all elements on a page matching ``allCodeSelector``.
 
 
 initHighlightingOnLoad

src/highlight.js

@@ -70,7 +70,9 @@ const HLJS = function(hljs) {
     languages: null,
     // beta configuration options, subject to change, welcome to discuss
     // https://github.com/highlightjs/highlight.js/issues/1086
-    __emitter: TokenTreeEmitter
+    __emitter: TokenTreeEmitter,
+    // https://github.com/highlightjs/highlight.js/pull/3180
+    allCodeSelector: 'pre code',
   };
 
   /* Utility functions */
@@ -773,14 +775,14 @@ const HLJS = function(hljs) {
   /**
    * auto-highlights all pre>code elements on the page
    */
-  function highlightAll(selector='pre code') {
+  function highlightAll() {
     // if we are called too early in the loading process
     if (document.readyState === "loading") {
       wantsHighlight = true;
       return;
     }
 
-    const blocks = document.querySelectorAll(selector);
+    const blocks = document.querySelectorAll(options.allCodeSelector);
     blocks.forEach(highlightElement);
   }