feat(web): add ngx-markdown for task descriptions (#1706)

thm-mni-ii · Nov 21, 2024 · 4001966 · 4001966
1 parent d67f462
commit 4001966
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 11 deletions.
diff --git a/modules/fbs-core/web/angular.json b/modules/fbs-core/web/angular.json
@@ -23,8 +23,16 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.app.json",
             "assets": ["src/favicon.ico", "src/assets", { "glob": "**/*", "input": "node_modules/katex/dist", "output": "." }],
-            "styles": ["src/theme.scss", "src/styles.scss"],
-            "scripts": ["node_modules/marked/marked.min.js"],
+            "styles": [
+              "src/theme.scss",
+              "src/styles.scss",
+              "node_modules/katex/dist/katex.min.css"
+            ],
+            "scripts": [
+              "node_modules/marked/marked.min.js",
+              "node_modules/katex/dist/katex.min.js",
+              "node_modules/katex/dist/contrib/auto-render.min.js"
+            ],
             "aot": false,
             "vendorChunk": true,
             "extractLicenses": false,

diff --git a/modules/fbs-core/web/package-lock.json b/modules/fbs-core/web/package-lock.json
diff --git a/modules/fbs-core/web/package.json b/modules/fbs-core/web/package.json
@@ -34,6 +34,8 @@
     "chart.js": "^2.9.4",
     "file-saver": "^2.0.5",
     "i18next-browser-languagedetector": "^7.1.0",
+    "katex": "^0.16.11",
+    "marked": "^15.0.2",
     "mathlive": "^0.98.5",
     "ng2-charts": "^2.4.3",
     "ngx-cookie-service": "^14.0.1",

diff --git a/modules/fbs-core/web/src/app/page-components/task-detail/task-detail.component.html b/modules/fbs-core/web/src/app/page-components/task-detail/task-detail.component.html
@@ -86,7 +86,7 @@
       </span>
     </div>
     <div class="description">
-      {{ task?.description }}
+      <markdown [data]="task?.description" katex></markdown>
     </div>
     <mat-card-content>
       <div class="user-input">