Fixing quote functionality, adding quote icon to the comment editor

public/components/common/form/CommentEditor.tsx

@@ -22,6 +22,7 @@ import IconOrderedList from "@fider/assets/images/heroicons-orderedlist.svg"
 import IconBulletList from "@fider/assets/images/heroicons-bulletlist.svg"
 import IconPhotograph from "@fider/assets/images/heroicons-photograph.svg"
 import IconLink from "@fider/assets/images/heroicons-link.svg"
+import IconBlockquote from "@fider/assets/images/heroicons-blockquote.svg"
 import { DisplayError, hasError, Icon, ValidationContext } from "@fider/components"
 import { fileToBase64 } from "@fider/services"
 import { generateBkey } from "@fider/services/bkey"
@@ -151,6 +152,15 @@ const MenuBar = ({
             >
               <Icon sprite={IconCode} />
             </button>
+            <button
+              disabled={disabled}
+              type="button"
+              title="Quote"
+              onClick={() => editor.chain().focus().toggleBlockquote().run()}
+              className={`c-editor-button ${editor.isActive("blockquote") ? "is-active" : ""} ${disabled ? "is-disabled" : ""}`}
+            >
+              <Icon sprite={IconBlockquote} />
+            </button>
             <button
               disabled={disabled}
               type="button"

public/services/markdown.ts

@@ -70,13 +70,9 @@ plainTextRenderer.code = (code) => code
 plainTextRenderer.codespan = (code) => code
 plainTextRenderer.html = (html) => html
 plainTextRenderer.del = (text) => text
+plainTextRenderer.blockquote = (quote) => quote
 
-const entities: { [key: string]: string } = {
-  "<": "&lt;",
-  ">": "&gt;",
-}
-
-const encodeHTML = (s: string) => s.replace(/[<>]/g, (tag) => entities[tag] || tag)
+const encodeHTML = (s: string) => s.replace(/</g, "&lt;")
 const stripTags = (input: string) => input.replace(/<[^>]*>/g, "")
 const sanitize = (input: string) => (DOMPurify.isSupported ? DOMPurify.sanitize(input) : stripTags(input))
 // Helper function to decode HTML entities back to readable characters