math_html : Éditeur de formules Mathématiques en HTML, wysiwyg

Source
± ‾ × √ ≡ ≠ ≈ ∝ ≤ ≥ ∧ ∨ ⊂ ⊃ ∩ ∪ ∫ ∞ ƒ ¹ ² ³ ∠ ° ¼ ½ ¾

α β γ δ ε φ λ µ Ω π ∏ Φ Ψ Ρ Σ ∑ θ ζ → ← ↔ ↑ ↓ ⊥ ∴ ∃ ∇ ∈ ∀

<sub></sub>   <sup></sup>

Symboles html   CSS

Code HTML

- Liste des fonctions span( a , size , sty ) // fixe le style de a dans un span avec un font de grandeur size ( , ,style) // valeur par défaut si non mentionnée decale( h , dx , dy , sty ) // décalage en px , dx horizontal, dy positif vers le bas ( , 0 , 0 , style) concate( a , b , dya, dyb , sty ) // réunit horizontalement a et b, dya = décalage vertical en px ( , , 0 , 0 , style) egale( a , b , dya, dyegal , dyb , sty ) a = b // dya = décal vertical de a en px ... ( , , 0 , 0 , 0 ,style) divise( a , b , decaly, sty ) // numérateur a , dénominateur b // division a / b , décalage en y pour rapprocher de la ligne de division, style ( , , 0 ,style ) racine( a , ff , sty ) // racine carré de a , ff facteur grossir &sqrt; ( , 1 ,style ) racine3( a , ff , dx3 , dy3 , sty ) // racine cubique de a , ff facteur grossir &sqrt; ( , 1 , 0 , 0 ,style ) dx3,dy3 décale le 3 somme( x , fx , de , a , dydepx , dyapx , sty ) //somme de x, facteur grossir fx ( , 1 , "" , "", 0 , 0 , style ) dydepx = décalage limite basse en px produit( x , fx , de , a , dydepx , dyapx , sty ) // produit de x , facteur grossis ( , 1 , "" , "", 0 , 0 , style ) integrale( x , fx , de , a , dydepx , dyapx , sty ) //intégrale de x , facteur grossis ( , 1 , "" , "", 0 , 0 , style ) vecteur( x , decalx, decaly, sty ) // flèche de vecteur sur x , flèche décalée en px ( , 0 , 0 , style) pile( a , b , SPh, SPb , styl ) // pile verticalement a sur b , style, Space en haut, SPb en bas ( , , 0 , 0 , style) SP = espace de décalage horizontal fontsizepx( sty ){ // donne la valeur du font-size de sty overline( a , sty ) // surligne le texte a

- Mode d'emploi

Cet éditeur permet de formuler des expressions mathématiques en code HTML pour l’élaboration de page web.

Au premier chargement, on peut cliquer le bouton qui inscrit dans la boîte jaune un texte javascript source de la description de la formule mathématique.

En cliquant ensuite sur , la formule apparaît sous cette boîte tel qu’elle devrait apparaître dans une page web.

Dans la boîte bleue apparaît alors le code HTML de cette formule qui peut être copié dans une page html.

Le code source éprouvé par cet éditeur peut aussi être copié dans le javascript d’une page ayant un lien avec le fichier math_html.js ; ( <script LANGUAGE="JavaScript" src="math_html.js"></script> ) Ainsi, cela permet l’écriture de la formule dans une telle page. Voici un Exemple.

Une douzaine de fonctions y sont disponibles pour éditer précisément des formulations mathématiques.

En plus de ces noms de fonctions, le mot style est protégé et ne doit pas servir de nom de variable. La chaîne de caractère de style désigne le texte CSS par défaut qui est optionnel et sert par défaut dans les fonctions.

À noter que le code source est conservé dans un témoin ( cookie ) et sera disponible lorsque la page sera rechargée. Mais il est remplacé à chaque édition et mérite d’être copié/collé dans un traitement de texte pour être conservé. L’option de l’utiliser directement dans un javascript a cet avantage qui permet de le retravailler au besoin.

La page actuelle permet de tester et de bien développer en direct la formulation lorsque la fonction edite() est appelée sur une variable.

par rlefebvre.ca