Intégrer des formules mathématiques sur votre forum

[SplashStaffAdmin]

Hi,

Voici une astuce qui a été laissée sur le FDF en octobre 2014 à l'occasion d'un sondage.

Voir le résultat :

Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Placer ce script sur toutes les pages :

Code:

/*
 * jsLaTeX v1.2 - jQuery plugin
 *
 *  Copyright (c) 2009 Andreas Grech
 *
 *  Dual licensed under the MIT and GPL licenses:
 *    https://www.opensource.org/licenses/mit-license.php
 *    https://www.gnu.org/licenses/gpl.html
 *
 * https://knowledge-aholic.blogspot.com
 */
 
(function($){var attachToImage=function(){return $("<img/>").attr({src:this.src})},formats={'gif':attachToImage,'png':attachToImage,'swf':function(){return $("<embed/>").attr({src:this.src,type:'application/x-shockwave-flash'})}},sections={'{f}':'format','{e}':'equation'},escapes={'+':'2B','=':'3D'};$.fn.latex=function(opts){opts=$.extend({},$.fn.latex.defaults,opts);opts.format=formats[opts.format]?opts.format:'gif';return this.each(function(){var $this=$(this),format,s,element,url=opts.url;opts.equation=$.trim($this.text());for(s in sections){if(sections.hasOwnProperty(s)&&(format=url.indexOf(s))>=0){url=url.replace(s,opts[sections[s]])}}for(s in escapes){if(escapes.hasOwnProperty(s)&&(format=url.indexOf(s))>=0){url=url.replace(s,'%'+escapes[s])}}opts.src=url;element=formats[opts.format].call(opts);$this.html('').append(element);if(opts.callback){opts.callback.call(element)}})};$.fn.latex.defaults={format:'gif',url:'http://latex.codecogs.com/{f}.latex?{e}'}}(jQuery));
 
$(function () {
    $(".latex").latex();
});

Pensez à  



Par la suite il suffit de placer votre formule dans un message avec une div qui utilise la class LaTex :

Code:

<div class="latex">
    \int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi
</div>

Vous pouvez utiliser le générateur disponible ici :
http://www.codecogs.com/latex/eqneditor.php

et copier coller le code généré sur votre forum

:u1:

À bientôt

---

  Pour bien réaliser cette astuce

 Dans cette astuce il est question d'ajouter un code javascript au forum, si vous n'êtes pas à l'aise avec cette démarche il existe ce tuto d'aide ici > Le javascript

[David1195StaffModo]

Merci beaucoup !