Replace pre reader mode by a div

zerobin/static/css/style.css

@@ -323,7 +323,6 @@ form textarea {
   clear: both;
 }
 
-
 html.local-storage .no-local-storage {
   display: none;
 }
@@ -503,6 +502,10 @@ nav ul li a:hover {
     font-size: 70%;
   }
 
-
-
+}
+
+/* reader mode */
+
+#readable-paste-content {
+  white-space: pre;
 }

zerobin/static/js/behavior.js

@@ -71,7 +71,6 @@ const app = new Vue({
     toggleReaderMode: function () {
       if (!this.readerMode) {
         this.messages = [];
-        this.currentPaste.content = zerobin.getPasteContent();
       }
 
       this.readerMode = !this.readerMode;
@@ -758,6 +757,7 @@ if (content && key) {
 
       /* Decrypted content goes back to initial container*/
       document.querySelector('#paste-content').innerText = content;
+      app.currentPaste.content = content
 
       if (content.indexOf('data:image') == 0) {
         // Display Image

zerobin/views/paste.tpl

@@ -60,9 +60,9 @@
         </code>
     </pre>
 
-    <pre id="readable-paste-content" v-if="readerMode">
-      {% currentPaste.content %}
-    </pre>
+    <div id="readable-paste-content" v-if="readerMode">
+      fsdqfd{% currentPaste.content %}
+    </div>
 
     <div class="d-flex justify-content-between down">
       <div v-if="currentPaste.ownerKey">