diff --git a/README.md b/README.md
index 10c3174..248a135 100644
--- a/README.md
+++ b/README.md
@@ -46,9 +46,9 @@ Akf-forum has got an API for AJAX (fetch), other clients etc. And, you can learn
 | mod role, permissions | ⚪ | 
 | upload other photos, model for it | ⚪ | 
 | categories page is need a update, thread count in category | ⚪ | 
-| preview for send messages in markdown format | ⚪ |
+| preview for send messages in markdown format | 💚 |
 | DC auth will store code for taking tokens, and create secret model setting | ⚪ |
-- max lengths for html :/
+
 ## Major Version History
 - V4: Caching
 - V3: New Theme
diff --git a/public/css/create_thread.css b/public/css/create_thread.css
index 06a13c8..9aaeb39 100644
--- a/public/css/create_thread.css
+++ b/public/css/create_thread.css
@@ -21,3 +21,9 @@ form {
   margin-bottom: 10px;
   border: 2px solid var(--borders);
 }
+
+.CodeMirror{
+  
+  width: 422.5px;
+
+}
\ No newline at end of file
diff --git a/public/js/thread.js b/public/js/thread.js
index 5f4b5b6..40d0623 100644
--- a/public/js/thread.js
+++ b/public/js/thread.js
@@ -1,5 +1,6 @@
 import request from "./request.js";
 
+let editing;
 // THREAD:
 
 window.edit_thread = async function (id) {
@@ -28,7 +29,7 @@ window.undelete_thread = async function (id) {
 // MESSAGES:
 window.send_edit = async function (id) {
     const message = document.getElementById(`message-${id}`);
-    const content = message.querySelector("#content").value;
+    const content = editing.value();
 
     const res = await request(`/api/messages/${id}/`, "PATCH", { content });
     if (res.error) return;
@@ -36,12 +37,21 @@ window.send_edit = async function (id) {
     message.querySelector(".content").innerHTML = converter.makeHtml(res.content);
 }
 window.edit_message = async function (id) {
-    const content = document.getElementById(`message-${id}`).querySelector(".content");
+    const message = document.getElementById(`message-${id}`)
+
+    const content = message.querySelector(".content");
 
     content.innerHTML = `
-    <textarea rows="4" cols="40" id="content">${content.rawText}</textarea>
+    <textarea rows="4" cols="40" id="content"></textarea>
     <button onclick="send_edit(${id});" class="btn-primary">Edit!</button>`;
-
+    const cnt = message.querySelector("#content");
+    editing = new SimpleMDE({
+        element: cnt,
+        spellChecker: false,
+        height: "200px",
+        previewRender: t => converter.makeHtml(t)
+    });
+    editing.value(content.rawText)
 }
 window.undelete_message = async function (id) {
     const response = await request(`/api/messages/${id}/undelete`);
diff --git a/routes/categories.js b/routes/categories.js
index ba3a3d7..8f86571 100644
--- a/routes/categories.js
+++ b/routes/categories.js
@@ -16,7 +16,7 @@ app.get("/:id", async (req, res) => {
     const query = { categoryID: category.id };
     if (!req.user?.admin) query.deleted= false;
 
-    let threads = await ThreadModel.find(query).limit(10).skip(page * 10);
+    let threads = await ThreadModel.find(query).limit(10).skip(page * 10).sort({ time: -1 });
     threads = await Promise.all(threads.map(thread => thread.get_author()));
 
     res.reply("threads", { threads, page, title: `Threads in ${category.name}`, desp: category.desp, pages: Math.ceil(await ThreadModel.count(query) / 10) });
diff --git a/routes/threads.js b/routes/threads.js
index 6b74f4d..4f822d8 100644
--- a/routes/threads.js
+++ b/routes/threads.js
@@ -5,7 +5,7 @@ const { ThreadModel, MessageModel, CategoryModel } = require("../models")
 app.get("/", async (req, res) => {
     const page = Number(req.query.page) || 0;
     const query = req.user?.admin ? {} : { deleted: false };
-    let threads = await ThreadModel.find(query).limit(10).skip(page * 10);
+    let threads = await ThreadModel.find(query).limit(10).skip(page * 10).sort({ time: -1 });
     threads = await Promise.all(threads.map(thread => thread.get_author()));
 
     return res.reply("threads", { threads, page, title: "Threads", desp: threads.length + " threads are listed", pages: Math.ceil(await ThreadModel.count(query) / 10) });
diff --git a/views/create_thread.ejs b/views/create_thread.ejs
index 81e4954..df88724 100644
--- a/views/create_thread.ejs
+++ b/views/create_thread.ejs
@@ -3,17 +3,17 @@
 
 <%- include("extra/meta", {title: "Create thread!" }) %>
 
-<body style="text-align: center;">
+<body >
   <link rel="stylesheet" href="/css/create_thread.css" />
-
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
+  <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
   <%- include("extra/navbar") %>
 
-
   <form>
     <h2 class="title" style="align-self: baseline;">Title:</h2>
     <input name="title" class="input" required></input>
     <h2 class="title" style="align-self: baseline;">Content:</h2>
-    <textarea rows="4" cols="50"  name="content" class="input" required></textarea>
+    <textarea rows="4" cols="50"  name="content" id="textarea" class="input" ></textarea>
     <h2 class="title" style="align-self: baseline;">Category:</h2>
 
     <select name="category">
@@ -27,6 +27,18 @@
 
 
   <script type="module">
+    const textarea = document.getElementById("textarea");
+    const simplemde = new SimpleMDE({
+      autosave: {
+        enabled: true,
+        uniqueId: "thread-create",
+        delay: 1000,
+      },
+      element: textarea,
+      spellChecker: false
+      
+    });
+
     import request from "../../js/request.js";
 
     document.addEventListener("submit", async e => {
@@ -36,7 +48,7 @@
 
       const response = await request("/api/threads/", "POST", {
         title: data.get("title"),
-        content: data.get("content"),
+        content: simplemde.value(),
         category: data.get("category")
       });
 
diff --git a/views/login.ejs b/views/login.ejs
index c291544..dacb5e8 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -7,8 +7,9 @@
   <link rel="stylesheet" href="/css/login.css" />
 
   <%- include("extra/navbar") %>
+  <% if(discord) { %>
   <a href="<%=discord%>" class="btn-outline-primary">Login with discord</a>
-
+  <% } %>
   <h1 class="title">Login</h1>
 
   <form action="/login?redirect=<%= redirect !== "/register" ? redirect : "/"  %>" method="post">
diff --git a/views/register.ejs b/views/register.ejs
index fd1f308..c4051aa 100644
--- a/views/register.ejs
+++ b/views/register.ejs
@@ -8,8 +8,9 @@
   <link rel="stylesheet" href="/css/login.css" />
 
   <%- include("extra/navbar") %>
+  <% if(discord) { %>
   <a href="<%=discord%>" class="btn-outline-primary">Login with discord</a>
-
+  <% } %>
   <h1 class="title">Register</h1>
 
 
diff --git a/views/thread.ejs b/views/thread.ejs
index 571c648..524bb54 100644
--- a/views/thread.ejs
+++ b/views/thread.ejs
@@ -7,6 +7,8 @@
 <body>
   <%- include("extra/navbar") %>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
+  <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
 
   <link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
 
@@ -108,34 +110,42 @@
   <script type="module" src="/js/thread.js"></script>
 
   <div class="message" id="send-div">
-    <form id="send" style="width:100%">
-      <textarea rows="4" name="content" required></textarea>
-      <input name="threadID" type="hidden" value="<%= thread.id %>"></input>
+
+    <form id="send" style="width:100%">    
+      <textarea rows="4" id="textarea"></textarea>
       <input name="page" type="hidden" value="<%= page %>"></input>
       <button class="btn-primary">Send!</button>
     </form>
 
   </div>
   <script type="module">
+    const textarea = document.getElementById("textarea");
+    const simplemde = new SimpleMDE({
+      autosave: {
+        enabled: true,
+        uniqueId: "thread-<%= thread.id %>",
+        delay: 1000,
+      },
+      element: textarea,
+      spellChecker: false,
+      previewRender: t=> converter.makeHtml(t)
+      
+    });
+
     import request from "../../js/request.js";
 
     document.getElementById("send").addEventListener("submit", async e => {
 
       e.preventDefault();
-
-      const data = new FormData(e.target);
-
       const res = await request("/api/messages", "POST", {
         threadID: "<%= thread.id %>",
-        content: data.get("content")
+        content: simplemde.value()
       })
-
+      simplemde.clearAutosavedValue(); 
       let tp = Number("<%= thread.pages %>")
       let tm = Number("<%= thread.count %>")
       if (tp * 10 === tm) tp++;
       if (res) location.href = `/threads/<%= thread.id %>?page=${tp-1}`;
-
-
     });
   </script>
   <% }%>
diff --git a/views/user.ejs b/views/user.ejs
index 4708f74..6cdb142 100644
--- a/views/user.ejs
+++ b/views/user.ejs
@@ -13,7 +13,7 @@
 
 
   <div class="content">
-    <% if (!member.discordID && user?.id === member.id) { %>
+    <% if (!member.discordID && discord && user?.id === member.id) { %>
     <a href="<%=discord%>" class="btn-outline-primary">Login with discord</a>
     <% } %>
     <% if (user?.admin || user?.id === member.id) { %>