二阶段差不多

2026-06-01 19:46:51 +08:00
parent 9e50d05e71
commit 4e233c82b4
34 changed files with 1631 additions and 67 deletions
@@ -5,6 +5,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>撰写邮件 - MailGo</title>
+    <link href="https://cdn.quilljs.com/1.3.7/quill.snow.css" rel="stylesheet">
    {{template "styles" .}}
 </head>
 <body>
@@ -37,12 +38,17 @@
                        </div>
                        <div class="form-group">
                            <label>正文</label>
-                            <textarea name="body" rows="12" placeholder="请输入邮件内容..."></textarea>
+                            <div id="editor" style="height:300px;"></div>
+                            <input type="hidden" name="body" id="body-hidden">
+                            <input type="hidden" name="html_body" id="html-body-hidden">
                        </div>
                        <div class="form-group">
                            <label>附件</label>
                            <input type="file" name="attachments" multiple>
                        </div>
+                        <div class="form-group" style="color:#7f8c8d;font-size:12px;">
+                            配额: {{formatBytes .usedBytes}} / {{formatBytes .quotaBytes}}
+                        </div>
                        <button type="submit" class="btn btn-primary">发送邮件</button>
                        <a href="/inbox" class="btn" style="margin-left:8px;">取消</a>
                    </form>
@@ -50,6 +56,30 @@
            </div>
        </div>
    </div>
+    <script src="https://cdn.quilljs.com/1.3.7/quill.min.js"></script>
+    <script>
+    var quill = new Quill('#editor', {
+        theme: 'snow',
+        placeholder: '请输入邮件内容...',
+        modules: {
+            toolbar: [
+                [{ 'header': [1, 2, 3, false] }],
+                ['bold', 'italic', 'underline', 'strike'],
+                [{ 'color': [] }, { 'background': [] }],
+                [{ 'list': 'ordered'}, { 'list': 'bullet' }],
+                ['link', 'image'],
+                ['clean']
+            ]
+        }
+    });
+    document.querySelector('form').addEventListener('submit', function() {
+        document.getElementById('body-hidden').value = quill.getText();
+        document.getElementById('html-body-hidden').value = quill.root.innerHTML;
+    });
+    {{if .bodyContent}}
+    quill.root.innerHTML = {{.bodyContent | safeJS}};
+    {{end}}
+    </script>
 </body>
 </html>
 {{end}}