Replace pre reader mode by a div

zerobin/static/css/style.css

@@ -196,7 +196,7 @@ input.hide-upload {
   margin: 8px 0 8px 0;
 }
 
-.paste-wrapper img{
+.paste-wrapper img {
   width: 94%;
 }
 
@@ -264,12 +264,12 @@ pre {
   border-bottom-left-radius: 3px !important;
 }
 
-.download-link a{
-	color: #eee;
+.download-link a {
+  color: #eee;
 }
 
-.download-link a:hover{
-	text-decoration: none;
+.download-link a:hover {
+  text-decoration: none;
 }
 
 .select-date {
@@ -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">