From b2e7b8b6005b0f4493bfd69e6f0a981bd16f09d9 Mon Sep 17 00:00:00 2001
From: Fabien LOISON <flo@flogisoft.com>
Date: Mon, 23 Apr 2018 19:11:24 +0200
Subject: Highlight code in articles using highlight.js

---
 app/Resources/static/themes/_global/index.js        | 4 +++-
 app/Resources/static/themes/_global/js/highlight.js | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 app/Resources/static/themes/_global/js/highlight.js

(limited to 'app/Resources')

diff --git a/app/Resources/static/themes/_global/index.js b/app/Resources/static/themes/_global/index.js
index fddb476d..7f7e87c0 100644
--- a/app/Resources/static/themes/_global/index.js
+++ b/app/Resources/static/themes/_global/index.js
@@ -13,8 +13,10 @@ import './global.scss';
 import './js/shortcuts/entry';
 import './js/shortcuts/main';
 
-import { savePercent, retrievePercent } from './js/tools';
+/* Hightlight */
+import './js/highlight';
 
+import { savePercent, retrievePercent } from './js/tools';
 
 /* ==========================================================================
  Annotations & Remember position
diff --git a/app/Resources/static/themes/_global/js/highlight.js b/app/Resources/static/themes/_global/js/highlight.js
new file mode 100644
index 00000000..4025fc14
--- /dev/null
+++ b/app/Resources/static/themes/_global/js/highlight.js
@@ -0,0 +1,8 @@
+import 'highlight.js/styles/atom-one-light.css';
+import * as hljs from 'highlight.js';
+
+window.addEventListener('load', () => {
+  document.querySelectorAll('pre').forEach((node) => {
+    hljs.highlightBlock(node);
+  });
+});
-- 
cgit v1.2.3