From aed08bc7a1db206fb50963a83c6ad58783d8127c Mon Sep 17 00:00:00 2001
From: augushong <augushong@ulthon.com>
Date: Thu, 19 Oct 2023 00:21:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E5=87=BA=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/controller/Common.php |   2 +-
 view/admin/post/output.html     | 122 ++++++++++++++++++++++----------
 2 files changed, 86 insertions(+), 38 deletions(-)

diff --git a/app/index/controller/Common.php b/app/index/controller/Common.php
index 13f6b45..583b9bd 100644
--- a/app/index/controller/Common.php
+++ b/app/index/controller/Common.php
@@ -102,7 +102,7 @@ class Common extends BaseController
         $cache_key = 'user_uid_' . $uid;
         $user_info = Cache::get($cache_key);
 
-        if (is_null($user_info)) {
+        if (empty($user_info)) {
             // 实例化客户端,传入相关参数
             $user_hub_client = new Client([
                 'key' => get_system_config('user_hub_key'),
diff --git a/view/admin/post/output.html b/view/admin/post/output.html
index a871a7a..31f21f3 100644
--- a/view/admin/post/output.html
+++ b/view/admin/post/output.html
@@ -6,10 +6,12 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{$post.title}</title>
-    {include file="common/_require"}
+    <script src="/static/lib/jquery/jquery-3.4.1.min.js"></script>
+    <script src="/static/lib/jquery/jquery.cookie.js"></script>
+    <script src="/static/lib/layui/layui.js"></script>
+    <script src="/static/js/common.js"></script>
     <link rel="stylesheet" href="/static/lib/prismjs/prism.css">
     <script src="/static/lib/prismjs/prism.js"></script>
-    <link rel="stylesheet" href="/static/css/index.articles.css">
     <script src="/static/lib/html2canvas/html2canvas.js"></script>
     <style>
         .article-body {
@@ -21,6 +23,10 @@
             margin: 10px 0
         }
 
+        .article-body img {
+            max-width: 100%;
+        }
+
         .options-box {
             position: fixed;
             right: 0;
@@ -33,9 +39,16 @@
 
         }
 
-        .options-box>* {
+        .options-box>a,
+        .options-box>div {
             display: block;
-            margin-bottom: 15px;
+            margin-bottom: 5px;
+            background-color: #333;
+            color: #fff;
+            padding: 5px 10px;
+            border-radius: 5px;
+            text-align: center;
+            text-decoration: none;
         }
 
         .article-body.show-copyright-inner .copyright-inner {
@@ -64,25 +77,31 @@
         </article>
     </div>
     <div style="max-width: 715px;">
-        <textarea class="layui-textarea" autoHeight="true" id="post-markdown" placeholder="同步markdown内容" autocomplete="off">{$post->content_markdown|raw}</textarea>
+        <textarea style="width: 100%;" autoHeight="true" id="post-markdown" placeholder="同步markdown内容" autocomplete="off">{$post->content_markdown|raw}</textarea>
     </div>
 
-    <div class="options-box layui-btn-container">
-        <a class="copy-option layui-btn layui-btn-sm" target="_blank" href="{$post.read_url}">打开原文</a>
-        <a class="copy-option layui-btn layui-btn-sm" href="#article-body">全选</a>
-        <a class="copy-option layui-btn layui-btn-sm" href="#post-title">选中标题</a>
-        <a class="copy-option layui-btn layui-btn-sm" href="#post-desc">选中描述</a>
-        <a class="copy-option layui-btn layui-btn-sm select-content" href="#post-content">选中内容</a>
-        <div class=" layui-btn layui-btn-sm build-copyright">插入声明</div>
-        <div class=" layui-btn layui-btn-sm remove-copyright">删除声明</div>
-        <div class=" layui-btn layui-btn-sm show-copyright">显示声明</div>
-        <div class="layui-btn layui-btn-sm code2base64">
+    <div class="options-box">
+        <a class="copy-option " target="_blank" href="{$post.read_url}">打开原文</a>
+        <hr>
+        <a class="copy-option " href="#article-body">全选</a>
+        <a class="copy-option " href="#post-title">选中标题</a>
+        <a class="copy-option " href="#post-desc">选中描述</a>
+        <a class="copy-option  select-content" href="#post-content">选中内容</a>
+        <hr>
+        <div class="build-copyright">插入声明</div>
+        <div class="remove-copyright">删除声明</div>
+        <div class="show-copyright">显示声明</div>
+        <hr>
+        <div class="build-inlin-style">生成行内样式</div>
+        <hr>
+        <div class="code2base64">
             代码转临时图片
         </div>
-        <div class="layui-btn layui-btn-sm resetcode">
+        <div class=" resetcode">
             还原代码
         </div>
-        <a class=" layui-btn layui-btn-sm select-markdown" href="#post-markdown">选中markdown</a>
+        <hr>
+        <a class="  select-markdown" href="#post-markdown">选中markdown</a>
     </div>
 
     <script>
@@ -103,27 +122,27 @@
                         var imgDom = $('<img />');
                         $(imgDom).attr('src', result.data.src);
 
-                        $(imgDom).insertAfter(elem).addClass('pre-to-canvas')
+                        $(imgDom).insertAfter(elem).addClass('pre-to-canvas');
                         $(elem).hide();
-                    })
+                    });
 
                 });
-            })
+            });
             $('.resetcode').click(function () {
                 $('#post-content').find('.pre-to-canvas').remove();
                 $('#post-content').find('pre').show().each(function (index, elem) {
-                    $(elem).removeClass('tobase64')
-                })
-            })
-        })
+                    $(elem).removeClass('tobase64');
+                });
+            });
+        });
 
         $('.copy-option').focusout(function (e) {
-            copyContent($(this).attr('href'))
-        })
+            copyContent($(this).attr('href'));
+        });
 
         $('.select-markdown').click(function () {
-            $('#post-markdown').select()
-        })
+            $('#post-markdown').select();
+        });
 
         $('.build-copyright').click(function () {
             var copyElem = $('.copyright').find('p').last();
@@ -134,24 +153,53 @@
                 if (index > 0 && index % 8 == 0) {
 
                     if (!$(elem).next().hasClass('copyright-inner')) {
-                        $('<blockquote>' + html + '</blockquote>').insertAfter(elem).addClass('copyright-inner')
+                        $('<blockquote>' + html + '</blockquote>').insertAfter(elem).addClass('copyright-inner');
                     }
                 }
-            })
-        })
+            });
+        });
 
         $('.remove-copyright').click(function () {
             $('.copyright-inner').remove();
-        })
+        });
 
         $('.show-copyright').click(function () {
             if ($('.article-body').hasClass('show-copyright-inner')) {
-                $('.article-body').removeClass('show-copyright-inner')
+                $('.article-body').removeClass('show-copyright-inner');
             } else {
 
-                $('.article-body').addClass('show-copyright-inner')
+                $('.article-body').addClass('show-copyright-inner');
             }
-        })
+        });
+
+
+        $('.build-inlin-style').click(function () {
+            $('#post-content').find('p').each(function (index, elem) {
+                $(elem).css('margin-bottom', '18px');
+            });
+
+            $('#post-content').find('h1,h2,h3,h4,h5,h6').each(function (index, elem) {
+
+
+                var headLevel = $(elem).prop('tagName').toLowerCase().replace('h', '');
+
+                var cssMap = {
+                    1: 24,
+                    2: 22,
+                    3: 20,
+                };
+
+                $(elem).css('font-size', cssMap[headLevel] + 'px');
+                $(elem).css('font-weight', 'bold');
+                $(elem).css('margin-top', '18px');
+                $(elem).css('margin-bottom', '8px');
+            });
+
+            // ul,ol
+            $('#post-content').find('ul,ol').each(function (index, elem) {
+                $(elem).css('margin-bottom', '18px');
+            });
+        });
 
         function copyContent(id) {
             var content = $(id)[0];
@@ -165,7 +213,7 @@
 
             // 获取 selection 对象
             const selection = window.getSelection();
-            selection.removeAllRanges()
+            selection.removeAllRanges();
             // 添加光标选择的范围
             selection.addRange(range);
         }
@@ -183,7 +231,7 @@
                         autoHeight(this);
                     });
                 });
-            }
+            };
             $('textarea[autoHeight]').autoHeight();
         })
     </script>