...

src/main/resources/templates/content/blog/viewer.html

@@ -9,7 +9,10 @@
     <link href="https://cdn.jsdelivr.net/npm/quill-table-better@1/dist/quill-table-better.css" rel="stylesheet" />
     <script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/quill-table-better@1/dist/quill-table-better.js"></script>
-    <script>document.addEventListener('DOMContentLoaded', function() {initEditor(false)});</script>
+    <script>document.addEventListener('DOMContentLoaded', function() {
+        initEditor(false)
+        fetchComments(serverData.id);
+    });</script>
 </th:block>
 
 <th:block layout:fragment="content" id="content">
@@ -85,6 +88,10 @@
                 <section class="comment-section">
                     <h2>Comments</h2>
                     <div id="comment-form-container">
+                        <div id="reply-status-bar" style="display: none;">
+                            <span id="reply-status-text"></span>
+                            <button id="btn-cancel-reply" onclick="cancelReply()">X 취소</button>
+                        </div>
                         <textarea id="comment-input" placeholder="댓글을 입력하세요..."></textarea>
                         <button id="submit-comment" class="button">등록</button>
                     </div>