diff --git a/app/app/components/section/code/type-editor.js b/app/app/components/section/code/type-editor.js
index 6312a803..e7752259 100644
--- a/app/app/components/section/code/type-editor.js
+++ b/app/app/components/section/code/type-editor.js
@@ -39,7 +39,7 @@ export default Ember.Component.extend(TooltipMixin, {
         cleanBody = cleanBody.replace('<pre class="code-mirror cm-s-solarized cm-s-dark" data-lang="', "");
         let startPos = cleanBody.indexOf('">');
         let syntax = {
-            mode: "html",
+            mode: "htmlmixed",
             name: "HTML"
         };
 
@@ -53,10 +53,7 @@ export default Ember.Component.extend(TooltipMixin, {
         let opts = [];
 
         _.each(_.sortBy(CodeMirror.modeInfo, 'name'), function(item) {
-            let i = {
-                mode: item.mode,
-                name: item.name
-            };
+            let i = { mode: item.mode, name: item.name };
             opts.pushObject(i);
 
             if (item.mode === syntax) {
@@ -68,7 +65,7 @@ export default Ember.Component.extend(TooltipMixin, {
 
         // default check
         if (is.null(this.get("codeSyntax"))) {
-            this.set("codeSyntax", opts.findBy("mode", "html"));
+            this.set("codeSyntax", opts.findBy("mode", "htmlmixed"));
         }
     },
 
diff --git a/app/app/components/section/code/type-renderer.js b/app/app/components/section/code/type-renderer.js
index 3440a054..1978adb0 100644
--- a/app/app/components/section/code/type-renderer.js
+++ b/app/app/components/section/code/type-renderer.js
@@ -34,13 +34,11 @@ export default Ember.Component.extend({
         }
 
         _.each(_.sortBy(CodeMirror.modeInfo, 'name'), (item) => {
-            let i = {
-                mode: item.mode,
-                name: item.name
-            };
+            let i = { mode: item.mode, name: item.name };
 
             if (item.mode === this.get('codeSyntax')) {
                 this.set('codeSyntax', i);
+        console.log(this.get('codeSyntax'));
             }
         });
     },
@@ -69,6 +67,7 @@ export default Ember.Component.extend({
 
         let syntax = this.get("codeSyntax");
         if (is.not.undefined(syntax)) {
+            console.log(syntax);
             CodeMirror.autoLoadMode(editor, syntax.mode);
             editor.setOption("mode", syntax.mode);
         }