Code tool updated (#45)

src/frontend/js/classes/codeStyler.js

@@ -1,6 +1,7 @@
 import hljs from 'highlight.js/lib/highlight';
 import javascript from 'highlight.js/lib/languages/javascript';
-import style from 'highlight.js/styles/github-gist.css';
+import xml from 'highlight.js/lib/languages/xml';
+import style from 'highlight.js/styles/atom-one-dark.css';
 
 /**
  * @class CodeStyles
@@ -11,11 +12,12 @@ export default class CodeStyler {
    * @param {string} selector - CSS selector for code blocks
    * @param {string[]} languages - list of languages to highlight, see hljs.listLanguages()
    */
-  constructor({selector, languages = [ 'javascript' ]}) {
+  constructor({selector, languages = [ 'javascript', 'xml' ]}) {
     this.codeBlocksSelector = selector;
     this.languages = languages;
     this.langsAvailable = {
-      javascript
+      javascript,
+      xml
     };
 
     this.init();

src/frontend/js/classes/editor.js

@@ -57,20 +57,20 @@ export default class Editor {
           class: CodeTool,
           shortcut: 'CMD+SHIFT+D'
         },
-        inlineCode: {
-          class: InlineCode,
-          shortcut: 'CMD+SHIFT+C'
-        },
         rawTool: {
           class: RawTool,
           shortcut: 'CMD+SHIFT+R'
         },
+        delimiter: Delimiter,
+        embed: Embed,
+        inlineCode: {
+          class: InlineCode,
+          shortcut: 'CMD+SHIFT+C'
+        },
         marker: {
           class: Marker,
           shortcut: 'CMD+SHIFT+M'
-        },
-        delimiter: Delimiter,
-        embed: Embed
+        }
       },
       data: {
         blocks: [