Add formula editing support

hwgilbert16 · Feb 7, 2024 · 2b4894c · 2b4894c
1 parent 52bc771
commit 2b4894c
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 5 deletions.
diff --git a/apps/api/src/app/cards/cards.module.ts b/apps/api/src/app/cards/cards.module.ts
@@ -7,7 +7,12 @@ import { UsersModule } from "../users/users.module";
 import { AuthModule } from "../auth/auth.module";
 
 @Module({
-  imports: [DatabaseModule, UsersModule, forwardRef(() => SetsModule), AuthModule],
+  imports: [
+    DatabaseModule,
+    UsersModule,
+    forwardRef(() => SetsModule),
+    AuthModule
+  ],
   controllers: [CardsController],
   providers: [CardsService],
   exports: [CardsService]

diff --git a/apps/front/project.json b/apps/front/project.json
@@ -33,7 +33,8 @@
         ],
         "scripts": [
           "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
-          "node_modules/quill/dist/quill.min.js"
+          "node_modules/quill/dist/quill.min.js",
+          "node_modules/katex/dist/katex.min.js"
         ],
         "ngxEnv": {
           "prefix": "SCHOLARSOME_"

diff --git a/apps/front/src/app/app.module.ts b/apps/front/src/app/app.module.ts
@@ -71,6 +71,7 @@ Quill.register("modules/imageResize", ImageResize);
     QuillConfigModule.forRoot({
       modules: {
         imageResize: true,
+        formula: true,
         keyboard: {
           bindings: {
             tab: {
@@ -96,7 +97,7 @@ Quill.register("modules/imageResize", ImageResize);
         },
         toolbar: [
           ["bold", "italic", "underline", "strike"],
-          ["code-block"],
+          ["code-block", "formula"],
           [{ list: "ordered" }, { list: "bullet" }],
           [{ header: 1 }, { header: 2 }],
           [{ color: [] }, { background: [] }],

diff --git a/apps/front/src/styles.scss b/apps/front/src/styles.scss
@@ -16,6 +16,7 @@ $enable-negative-margins: true;
 
 @import '~quill/dist/quill.core.css';
 @import '~quill/dist/quill.snow.css';
+@import '~katex/dist/katex.min.css';
 
 body {
   background-color: #f8fafb;

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -80,6 +80,7 @@
     "ioredis": "^5.3.1",
     "joi": "^17.9.2",
     "jwt-decode": "^3.1.2",
+    "katex": "^0.16.9",
     "multer": "^1.4.5-lts.1",
     "nest-winston": "^1.9.4",
     "ng-recaptcha": "^10.0.0",