自动保存编写的文章

view/admin/category/index.html

@@ -41,6 +41,7 @@
                 <tr>
                   <th>ID</th>
                   <th>名称</th>
+                  <th>介绍</th>
                   <th>模板</th>
                   <th>操作</th>
                 </tr>
@@ -51,6 +52,7 @@
                 <tr class="item" data-id="{$vo.id}">
                   <td>{$vo.id}</td>
                   <td> {:str_repeat('|--',$vo.level)} {$vo.title}</td>
+                  <td>{$vo.desc}</td>
                   <td>{$vo.tpl_name}</td>
                   <td>
                     <div class="layui-btn-container">

view/admin/post/create.html

@@ -15,11 +15,9 @@
   </script>
 
   <style>
-
     #toolbar select {
       display: none !important;
     }
-
   </style>
 </head>
 
@@ -177,7 +175,8 @@
                         </div>
                         <div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签">
                           <div class="">
-                            <input type="text" name="" placeholder="输入新标签" autocomplete="off" id="new-tags" class="layui-input">
+                            <input type="text" name="" placeholder="输入新标签" autocomplete="off" id="new-tags"
+                              class="layui-input">
                             <div class="layui-btn create-tags">新增</div>
                           </div>
                         </div>
@@ -200,8 +199,7 @@
                     <div class="layui-form-item">
                       <div class="layui-form-label">跳转按钮名称</div>
                       <div class="layui-input-block">
-                        <input type="text" name="jump_to_btn_title" value="立即跳转"
-                          class="layui-input">
+                        <input type="text" name="jump_to_btn_title" value="立即跳转" class="layui-input">
                       </div>
                     </div>
                     <div class="layui-form-item">
@@ -254,7 +252,6 @@
   </div>
 
   <script>
-
     layui.use(['form', 'upload', 'laydate'], function () {
       var upload = layui.upload;
       var form = layui.form;

view/admin/post/edit.html

@@ -257,6 +257,12 @@
   </div>
 
   <script>
+    var lastUpdateSecond = 0;
+    var currentSecond = 0;
+
+    setInterval(() => {
+      currentSecond++
+    }, 1000);
 
     var categoryList = JSON.parse('{:json_encode($post->categorys->column("category_id"))}')
     var tagList = JSON.parse('{:json_encode($post->tags->column("tag_id"))}')
@@ -301,18 +307,34 @@
         } else {
           console.log('Cursor not in the editor');
         }
+
+
       });
 
       quill.on('text-change', function (delta, oldDelta, source) {
-
+        currentRange.index = delta.ops[0].retain
         if (source == 'api') {
           console.log("An API call triggered this change.");
         } else if (source == 'user') {
           console.log("A user action triggered this change.");
-
-
         }
+        if (currentSecond - lastUpdateSecond > 30) {
 
+          var formData = {
+            'id': '{$post.id}'
+          };
+
+          formData.content = quill.getContents().ops
+          formData.content_html = $('#editor .ql-editor').html()
+
+          $.post('{:url("update")}', formData, function (result) {
+            lastUpdateSecond = currentSecond
+            layer.msg('自动保存成功',{
+              offset: 't'
+            })
+
+          })
+        }
       });
 
       upload.render({
@@ -369,8 +391,6 @@
         formData.content = quill.getContents().ops
         formData.content_html = $('#editor .ql-editor').html()
 
-        console.log(formData);
-
         $.post('{:url("update")}', formData, function (result) {
 
           layer.msg('保存成功')