Probando LaTeX en Blogger

Introducción de listado de código en Blogger

Lo primero quiero agradecer a: Mostrar fragmentos de código en Blogger (2024)  donde se muestra como insertar listados de código en Blogger, he rehecho mi anterior Post sobre vectores, con estas ideas.

Ejemplo de Código:

 
function[]=ver_escalar(Titol,Escalar,Unid,Separador,Resolucio,Ocultar)
    //Titol: string con nombre magnitud
    //Escalar: Magnitud a presentar
    //Unid: string a presentar después de la magnitud
    //Resolucio: número de dígitos que tendrá el escalar (6 por defecto)
    //Ocultar: si el número es más pequeño que 1/(10^Ocultar) ⇒ 0
    if ~exists("Unid") then  Unid=""; end
    if ~exists("Separador") then  Separador=""; end
    if ~exists("Resolucio") then  Resolucio=6; end
    if ~exists("Ocultar") then  Ocultar=100; end
    if type(Escalar)==2 then // escalar con polinomios
        mprintf(Titol); mprintf('%s',pol2str(Escalar)+Unid); mprintf(Separador);
    else
        v=format(); format(Resolucio);
        if abs(Escalar)

El problema con Blogger es que cuando cree que el código está mal lo recorta. Esto me ha pasado con la función anterior (en el post de vectores se puede ver entera), algún carácter especial se le atraganta; y cada vez que paso del modo HTML al modo EDICIÓN lo corta.

Con las líneas anteriores me ha pasado, y al querer escribir después me lo recortaba, teniendo que reintroducirlo; cada vez que paso al modo edición.

Sería recomendable introducir todo el texto en modo edición, y después en los huecos previstos introducir el código conflictivo; y guardar.

De vuelta a los Vectores

Probando a cambiar los archivos SVG de Drive a Git Hub, no se porque razón no me deja introducir la imagen por URL, dice que no la encuentra. He copiado el código y si que lo consigo:

<a href="https://javier-doal.github.io/webs/imag-Scilab/ProdVectorial.svg" style="margin-left: 1em; margin-right: 1em;"><img alt="Gráfico producto vectorial en SVG" border="0" data-original-height="307" data-original-width="400" height="308" src="https://javier-doal.github.io/webs/imag-Scilab/ProdVectorial.svg" width="400" / ></a >

Para evitar malas interpretaciones (del editor de Blogger), en el trozo de código HTML anterior,  el símbolo "<" lo he cambiado por &lt; (ya que me he dado cuenta que es lo que hace el editor de Blogger), de igual manera el símbolo ">" hay que cambiarlo por &gt;

Gráfico producto vectorial en SVG

He descubierto un opción interesante de implementar los vectores (y los puntos), utilizando el comando tlist de Scilab, que permite crear unos pseudo-objetos, e implementar un multi-morfismo de las funciones (admitiendo diferentes tipos de entradas) y simplificar de esta forma los parámetros a introducir en las funciones. Lo cual me ha llevado a redefinir todas mis funciones para el cálculo con Vectores Scilab; siguiendo una metodología más cercana a la OOP (Programación Orientada a Objetos), y un comprobación robusta de errores. Según las ideas obtenidas de Programing en Scilab.

Lo primero que he hecho es crear Escalares, Puntos y Vectores. Intentaré crear unos post sobre estos temas.

Renderizar LaTeX en Blogg

Una forma de añadir un render para formulas de \(LaTeX\) es usando \(Katex\). Para ello en Blogger he incluido el siguiente código html (en las primeras líneas de este post, hay que hacerlo en modo HTML):

<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" rel="stylesheet"></link>
<script crossorigin="anonymous" defer="" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js"></script>
<script crossorigin="anonymous" defer="" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" onload="renderMathInElement(document.body);" src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js"></script>

Con lo cual se pueden colocar fórmulas en línea, escribiendo el código LaTeX entre "\ ("  y "\)" (sin espacio intermedio, que sino me lo renderizaba); por ejemplo: \(-x^{2}\); otro ejemplo: \(\int \cos^2(x)\,dx\).

También se pueden colocar fórmulas en forma presentada (display math), en este caso se utilizarán los delimitadores "\ [" y "\ ]": \[\int \frac{1} {x}\,dx\] y se colocará en el centro de la página.

La idea la he obtenido de una cuestión en stackoverflow

Aprovechando la idea del truco anterior (Mostrar fragmentos de código en Blogger (2024)), he quitado el código de está página, y lo he introducido en las primeras líneas del Theme y funciona igual; ahora todos los posts que cree en Blogger (con está plantilla de Tema) podrán insertar código (con formato) y renderizar  \(LaTeX\)

Comentarios

Publicar un comentario

Entradas populares de este blog

Cálculo Vectorial en Scilab 1

Imagen
Uso de Scilab para el Cálculo Vectorial Si buscas en Google las palabras "vectores" y "Scilab", o "cálculo vectorial" y "Scilab"; te aparecen diferentes artículos donde se explica el concepto de los arrays y de los vectores en Scilab. Brevemente: arrays es una matrices de datos, agrupación de datos numéricos, o de otro tipo, agrupados en forma de matriz; y los vectores serían arrays de nx1: vector columna (sólo una columna), o 1xn vector fila (sólo una fila). Voy a utilizar la pablara array en vez de vector fila o vector columna, para no confundir con los Vectores (magnitud física). Si lo que buscabas es el implementar el Vector (magnitud física con dirección y sentido) con Scilab, tendrá que buscar con más detalle. En este post voy a tratar de este tipo de vectores; y de como he utilizado Scilab para resolver problemas con vectores. No voy a realizar una introducción a Scilab (hay muchas y muy buenas) ni al Cálculo Vectorial (lo mismo se podría ...
Leer más

Cálculo simbólico con polinomios

Scilab es un programa de cálculo numérico, y no realiza operaciones simbólicas; pero existe una excepción y es con los polinomios Revisando el  problema  de simplificar una fracción de polinomios, me encontraba que no obtenía el mismo resultado, no conseguía ver las fracciones simples. Supongo que algo ha cambiado con la nuevas versiones de Scilab, y por eso no obtenía lo mismo. Al final he descubierto que el comando pfss puede aplicarse a varios tipos de datos, y que simplemente aplicándolo al polinomio obtenía las fracciones simples.  \[\frac{B(s)}{A(s)}=\frac{2s^{3}+5s^{2}+3s+6}{s^{3}+6s^{2}+11s+6}\] El código para realizarlo sería (he añadido diversa líneas, para visualizar el contenido de cada elemento): printf("\n Descomponer en fracciones simples una división de polinomios \n\n"); s=%s; // s=poly(0,'s'); // equivalente disp("definir s como polinomio s=poly(0,''s'') ",s,) num=2*s^3+5*s^2+3*s+6; den=s^3+6*s^2+11*s+6; gp=num/den; di...
Leer más

Creando Pseudo-Objetos con tlist

En primer lugar voy a crear un  Pseudo-Objeto Escalar, utilizando el comando tlist (lo voy a llamar TEscalar):  nombrevariable = tlist(["TEscalar", "Valor", "Unid", "Alias"]) Los strings que componen el tlist, intentan ser descriptivos: El primer string "TEscalar" es el nombre que le he dado a este objeto.  En "Valor" se archivará el valor numérico del escalar En "Unid" un string con sus unidades; o un un array de strings de 2x1; el primero de ellos será el prefijo (basado en el sistema internacional) y el segundo string la unidad del escalar En "Alias" se puede almacenar un string con un nombre descriptivo del escalar  Para hacerlo más robusto he preparado una función (como si fuera un constructor de clase) para crear estos TEscalares, el código es: function this = escalar_new(varargin) // v1.2 Quitar UdPref de la entrada de datos // Crea un pseudo-objeto TEscalar // type(TEscalar)= 16; typ...
Leer más