Transformar una acuación de Latex en html utilizando Angular y ng-katex

Este proyecto consiste en un ejemplo de aplicación de ng-katex, librería para representar ecuación de Latex en HTML.

El primer paso es instalar ng-katex en tu proyecto. Pare ello escribe el siguiente comando:

npm install ng-katex --save

Una vez realizado, en el componente puedes escribir la siguiente variable en el fichero .ts

mathequations = ['H = \\ sum_ {i = 1} ^ {m} p_ {i} log_ {2} (p_ {i})']

Y el siguiente elemnto en la vista .HTML:

<ng-katex [equation] ="mathequations[0]"> </ng-katex>

Ahora lo que tendremos que hacer es modificar el fichero index.html y añadir la siguiente linea de código:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.0/katex.min.css">

Para terminar, añadimos el modulo en el fichero app.module.ts

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
   KatexModule
  ],
  providers: [],
  bootstrap: [AppComponent],

})

El resultado es:

$H = \sum_ {i = 1} ^ {m} p_ {i} log_ {2} (p_ {i})$

Si lo desean, tienen el traductor de latex to html en la siguiente dirección https://1938.com.es/app-traductor y el siguiente video https://www.youtube.com/watch?v=LqQP1gykQfc: