How to use Katex auto-renderer in Angular Project? (v7)











up vote
0
down vote

favorite












I have a requirement to convert a paragraph that has markdowns and maths equations and display in browser. Markdown is working frine. For maths equation, I tried KaTex but could not figure out how to use it in my angular app. (v7)
Here is stackblitz demo.



PS: i tried ng-katex and it works fine for simple equations. I need auto rendering, as my equations are present in between text. So auto renderer will automatically find and convert the equation. katex-docs for auto rendering.



I am looking for a way to integrate maths rendering inside markdown pipe itsef.



Can someone please explain how to implement Katex??
Thanks in advance.






angular angular7 katex







share|improve this question


























    up vote
    0
    down vote

    favorite












    I have a requirement to convert a paragraph that has markdowns and maths equations and display in browser. Markdown is working frine. For maths equation, I tried KaTex but could not figure out how to use it in my angular app. (v7)
    Here is stackblitz demo.



    PS: i tried ng-katex and it works fine for simple equations. I need auto rendering, as my equations are present in between text. So auto renderer will automatically find and convert the equation. katex-docs for auto rendering.



    I am looking for a way to integrate maths rendering inside markdown pipe itsef.



    Can someone please explain how to implement Katex??
    Thanks in advance.






    angular angular7 katex







    share|improve this question
























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I have a requirement to convert a paragraph that has markdowns and maths equations and display in browser. Markdown is working frine. For maths equation, I tried KaTex but could not figure out how to use it in my angular app. (v7)
      Here is stackblitz demo.



      PS: i tried ng-katex and it works fine for simple equations. I need auto rendering, as my equations are present in between text. So auto renderer will automatically find and convert the equation. katex-docs for auto rendering.



      I am looking for a way to integrate maths rendering inside markdown pipe itsef.



      Can someone please explain how to implement Katex??
      Thanks in advance.






      angular angular7 katex







      share|improve this question













      I have a requirement to convert a paragraph that has markdowns and maths equations and display in browser. Markdown is working frine. For maths equation, I tried KaTex but could not figure out how to use it in my angular app. (v7)
      Here is stackblitz demo.



      PS: i tried ng-katex and it works fine for simple equations. I need auto rendering, as my equations are present in between text. So auto renderer will automatically find and convert the equation. katex-docs for auto rendering.



      I am looking for a way to integrate maths rendering inside markdown pipe itsef.



      Can someone please explain how to implement Katex??
      Thanks in advance.






      angular angular7 katex




      angular angular7 katex






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 2 days ago









      Raj

      8829




      8829





























          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














           

          draft saved


          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53203553%2fhow-to-use-katex-auto-renderer-in-angular-project-v7%23new-answer', 'question_page');
          }
          );

          Post as a guest























          active

          oldest

          votes













          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















           

          draft saved


          draft discarded



















































           


          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53203553%2fhow-to-use-katex-auto-renderer-in-angular-project-v7%23new-answer', 'question_page');
          }
          );

          Post as a guest






































































          -

          Popular posts from this blog

          how to define a CAPL function taking a sysvar argument

          Image
          up vote 0 down vote favorite In Vector CANoe, is it possible to define a function that takes a system variable argument like the system function TestWaitForSignalMatch() ? For my use case it is not sufficient to supply the current value of the system variable because I want to pass the system variable to TestWaitForSignalMatch() or similar system functions. The CANoe help seems to show examples: long TestWaitForSignalMatch (Signal aSignal, float aCompareValue, dword aTimeout); // form 1 long TestWaitForSignalMatch (sysvar aSysVar, float aCompareValue, dword aTimeout); // form 3 I tried like this void foo(sysvar aSysvar) {} ^ or this void foo(sysvar *aSysvar) {} ^ but I get a parse error at the marked position of the sysvar keyword in both cases. I successfully created functions that take a...
          Read more

          Schultheiß

          Image
          Der Titel dieses Artikels ist mehrdeutig. Weitere Bedeutungen sind unter Schultheiß (Begriffsklärung) aufgeführt. Ein Schultheiß. Holzschnitt von Peter Flötner (16. Jahrhundert) Der Schultheiß oder Schuldheiß (von althochdeutsch  sculdheizo ‚Leistung Befehlender‘, vgl. mittelniederdeutsch  schult(h)ēte , latinisiert (mittellat.) sculte(t)us , schwäbisch heute noch Schultes für „Bürgermeister“) bezeichnet einen in vielen westgermanischen Rechtsordnungen vorgesehenen Beamten, der Schuld heischt : Er hatte im Auftrag seines Herren (Landesherrn, Stadtherrn, Grundherrn) die Mitglieder einer Gemeinde zur Leistung ihrer Schuldigkeit anzuhalten, also Abgaben einzuziehen oder für das Beachten anderer Verpflichtungen Sorge zu tragen. Sprachliche Varianten des Schultheißen sind Schulte , Schultes oder Schulze . Früher wurde zwischen dem Stadtschulzen und dem Dorfschulzen unterschieden. In der städtischen Gerichts- und Gemeindeverfassung war er ein vom städtischen Rat oder vom L...
          Read more

          Extract exact text in tags

          Image
          up vote 0 down vote favorite I want to be able to extract the text embedded between a tag e.g. I want to get the text "TEST" from "<"Subject">" TEST "</"Subject">" I have used First RegexMatch /(<Subect>).*(</Subject>)/i) but get an error "/ An unescaped delimiter must be escaped with a backslash ()". Any help on how I can achieve this? javascript share | improve this question edited Nov 8 at 16:59 Lelio Faieta 4,025 5 23 45 ...
          Read more