diff --git a/src/main/twirl/gitbucket/core/repo/editor.scala.html b/src/main/twirl/gitbucket/core/repo/editor.scala.html
index 62e1ff9..3c8089e 100644
--- a/src/main/twirl/gitbucket/core/repo/editor.scala.html
+++ b/src/main/twirl/gitbucket/core/repo/editor.scala.html
@@ -138,7 +138,6 @@
   $('#btn-code').click(function(){
     $('#editor').show();
     $('#preview').hide();
-    $('#btn-code').appendClass('active');
     $('#btn-preview').removeClass('active');
   });
 
@@ -146,7 +145,6 @@
     $('#editor').hide();
     $('#preview').show();
     $('#btn-code').removeClass('active');
-    $('#btn-preview').addClass('active');
 
     @if(fileName.map(helpers.isRenderable _).getOrElse(false)) {
       // update preview
diff --git a/src/main/webapp/assets/common/js/gitbucket.js b/src/main/webapp/assets/common/js/gitbucket.js
index 48640e4..75a68f0 100644
--- a/src/main/webapp/assets/common/js/gitbucket.js
+++ b/src/main/webapp/assets/common/js/gitbucket.js
@@ -76,12 +76,12 @@
  * @param ignoreSpace {Number} 0: include, 1: ignore
  */
 function diffUsingJS(oldTextId, newTextId, outputId, viewType, ignoreSpace) {
-  var old = $('#'+oldTextId), head = $('#' + newTextId);
+  var old = $('#' + oldTextId), head = $('#' + newTextId);
   var render = new JsDiffRender({
-    oldText: old.val(),
-    oldTextName: old.attr('data-file-name'),
-    newText: head.val(),
-    newTextName: head.attr('data-file-name'),
+    oldText    : old.data('val'),
+    oldTextName: old.data('file-name'),
+    newText    : head.data('val'),
+    newTextName: head.data('file-name'),
     ignoreSpace: ignoreSpace,
     contextSize: 4
   });