Diferencia entre revisiones de «Uso de LaTeX en esta wiki»

FORK DESDE MEDIAWIKI, PRELIMINAR

{H:h|editor toc}} Plantilla:Other languages/Help:Displaying a formula

MediaWiki uses a subset of TeX markup, including some extensions from LaTeX and AMS-LaTeX, for mathematical formulae. It generates either PNG images or simple HTML markup, depending on user preferences and the complexity of the expression.

More precisely, MediaWiki filters the markup through Texvc, which in turn passes the commands to TeX for the actual rendering. Thus, only a limited part of the full TeX language is supported; see below for details.

To have math rendered, you have to set $wgUseTeX = true; in LocalSettings.php.

Technicals

Syntax

Traditionally, math markup goes inside the XML-style tag math: <math> ... </math>. The old edit toolbar has the button for this, and it is possible to customize the WikiEditor toolbar to add a similar button. The icons are like these: MediaWiki:Math tip and Archivo:Button equation he.png.

However, one can also use parser function #tag: {{#tag:math|...}}; this is more versatile: the wikitext at the dots is first expanded before interpreting the result as TeX code. Thus it can contain parameters, variables, parser functions and templates. Note however that with this syntax double braces in the TeX code must have a space in between, to avoid confusion with their use in template calls etc. Also, to produce the character "|" inside the TeX code, use {{!}}.^[1]

In TeX, as in HTML, extra spaces and newlines are ignored.

Rendering

By default, the PNG images are black on white (not transparent), but since bug 8 was fixed (see rev:59550) these colors can be customized for each formula. The colors, as well as font sizes and types, are independent of browser settings or CSS. Font sizes and types will often deviate from what HTML renders. Vertical alignment with the surrounding text can also be a problem (see bug 32694). The css selector of the images is img.tex.

The alt text of the PNG images, which is displayed to visually impaired and other readers who cannot see the images, and is also used when the text is selected and copied, defaults to the wikitext that produced the image, excluding the <math> and </math>. You can override this by explicitly specifying an alt attribute for the math element. For example, <math alt="Square root of pi">\sqrt{\pi}</math> generates an image [math]\displaystyle{ \sqrt{\pi} }[/math] whose alt text is "Square root of pi".

Apart from function and operator names, as is customary in mathematics for variables, letters are in italics; digits are not. For other text, (like variable labels) to avoid being rendered in italics like variables, use \text, \mbox, or \mathrm. You can also define new function names using \operatorname{...}. For example, <math>\text{abc}</math> gives [math]\displaystyle{ \text{abc} }[/math]. This does not work for special characters, they are ignored unless the whole <math> expression is rendered in HTML:

• <math>\text {abcdefghijklmnopqrstuvwxyzàáâãäåæçčďèéěêëìíîïňñòóôõöřšť÷øùúůûüýÿž}</math>
• <math>\text {abcdefghijklmnopqrstuvwxyzàáâãäåæçčďèéěêëìíîïňñòóôõöřšť÷øùúůûüýÿž}\,</math>

gives:

• [math]\displaystyle{ \text {abcdefghijklmnopqrstuvwxyzàáâãäåæçčďèéěêëìíîïňñòóôõöřšť÷øùúůûüýÿž} }[/math]
• [math]\displaystyle{ \text {abcdefghijklmnopqrstuvwxyzàáâãäåæçčďèéěêëìíîïňñòóôõöřšť÷øùúůûüýÿž}\, }[/math]

See bug 798 for details.

Nevertheless, using \mbox instead of \text, more characters are allowed

For example,

• <math>\mbox {abcdefghijklmnopqrstuvwxyzàáâãäåæçčďèéěêëìíîïňñòóôõöřšť÷øùúůûüýÿž}</math>
• <math>\mbox {abcdefghijklmnopqrstuvwxyzàáâãäåæçčèéêëìíîïñòóôõö÷øùúûüýÿ}\,</math>

gives:

• [math]\displaystyle{ \mbox {abcdefghijklmnopqrstuvwxyzàáâãäåæçčďèéěêëìíîïňñòóôõöřšť÷øùúůûüýÿž} }[/math]
• [math]\displaystyle{ \mbox {abcdefghijklmnopqrstuvwxyzàáâãäåæçčďèéěêëìíîïňñòóôõöřšť÷øùúůûüýÿž}\, }[/math]

But \mbox{ð} and \mbox{þ} will give an error:

• [math]\displaystyle{ \mbox {ð} }[/math]
• [math]\displaystyle{ \mbox {þ} }[/math]

Using \text{}

• [math]\displaystyle{ \text {ð} }[/math]
• [math]\displaystyle{ \text {þ} }[/math]

Special characters

The following symbols are reserved characters that either have a special meaning under LaTeX or are unavailable in all the fonts.

# $ % ^ & _ { } ~ \

Some of these can be entered with a backslash in front:

<math>\# \$ \% \_ \{ \}</math> gives [math]\displaystyle{ \# \$ \% \_ \{ \} }[/math]

TeX and HTML

Before introducing TeX markup for producing special characters, it should be noted that, as this comparison table shows, sometimes similar results can be achieved in HTML (see Help:Special characters).

The codes on the left produce the symbols on the right, but the latter can also be put directly in the wikitext, except for ‘=’.

α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω

∫ ∑ ∏ √ − ± &infty;
≈ ∝ {{=}} ≡ ≠ ≤ ≥ 
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ Ø ø
∈ ∉ 
∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ 
⇒ ⇔ → ↔ ↑ 
ℵ - – — 

The project has settled on both HTML and TeX because each has advantages in some situations.

Pros of HTML

1. Formulas in HTML behave more like regular text. In-line HTML formulae always align properly with the rest of the HTML text and, to some degree, can be cut-and-pasted (this is not a problem if TeX is rendered using MathJax, and the alignment should not be a problem for PNG rendering once bug 32694 is fixed).
2. The formula’s background and font size match the rest of HTML contents (this can be fixed on TeX formulas by using the commands \pagecolor and \definecolor) and the appearance respects CSS and browser settings while the typeface is conveniently altered to help you identify formulae.
3. Pages using HTML code for formulae will load faster and they will create less clutter on your hard disk.
4. Formulae typeset with HTML code will be accessible to client-side script links (a.k.a. scriptlets).
5. The display of a formula entered using mathematical templates can be conveniently altered by modifying the templates involved; this modification will affect all relevant formulae without any manual intervention.
6. The HTML code, if entered diligently, will contain all semantic information to transform the equation back to TeX or any other code as needed. It can even contain differences TeX does not normally catch, e.g. {{math|''i''}} for the imaginary unit and {{math|<var>i</var>}} for an arbitrary index variable.

Pros of TeX

1. TeX is semantically more precise than HTML.
   1. In TeX, "<math>x</math>" means "mathematical variable [math]\displaystyle{ x }[/math]", whereas in HTML "x" is generic and somewhat ambiguous.
   2. On the other hand, if you encode the same formula as "{{math|<var>x</var>}}", you get the same visual result Plantilla:Math and no information is lost. This requires diligence and more typing that could make the formula harder to understand as you type it. However, since there are far more readers than editors, this effort is worth considering if no other rendering options are available (such as MathJax, which was requested on bug 31406 for use on Wikimedia wikis and is being implemented on Extension:Math as a new rendering option).
2. One consequence of point 1 is that TeX code can be transformed into HTML, but not vice-versa.Plantilla:Ref This means that on the server side we can always transform a formula, based on its complexity and location within the text, user preferences, type of browser, etc. Therefore, where possible, all the benefits of HTML can be retained, together with the benefits of TeX. It is true that the current situation is not ideal, but that is not a good reason to drop information/contents. It is more a reason to help improve the situation.
3. Another consequence of point 1 is that TeX can be converted to MathML (e.g. by MathJax) for browsers which support it, thus keeping its semantics and allowing the rendering to be better suited for the reader’s graphic device.
4. TeX is the preferred text formatting language of most professional mathematicians, scientists, and engineers. It is easier to persuade them to contribute if they can write in TeX.
5. TeX has been specifically designed for typesetting formulae, so input is easier and more natural if you are accustomed to it, and output is more aesthetically pleasing if you focus on a single formula rather than on the whole containing page.
6. Once a formula is done correctly in TeX, it will render reliably, whereas the success of HTML formulae is somewhat dependent on browsers or versions of browsers. Another aspect of this dependency is fonts: the serif font used for rendering formulae is browser-dependent and it may be missing some important glyphs. While the browser generally capable to substitute a matching glyph from a different font family, it need not be the case for combined glyphs (compare ‘ Plantilla:IPA ’ and ‘ a̅ ’).
7. When writing in TeX, editors need not worry about whether this or that version of this or that browser supports this or that HTML entity. The burden of these decisions is put on the software. This does not hold for HTML formulae, which can easily end up being rendered wrongly or differently from the editor’s intentions on a different browser.Plantilla:Ref
8. TeX formulae, by default, render larger and are usually more readable than HTML formulae and are not dependent on client-side browser resources, such as fonts, and so the results are more reliably WYSIWYG.
9. While TeX does not assist you in finding HTML codes or Unicode values (which you can obtain by viewing the HTML source in your browser), cutting and pasting from a TeX PNG in Wikipedia into simple text will return the LaTeX source.

Plantilla:Note unless your wikitext follows the style of point 1.2

Plantilla:Note The entity support problem is not limited to mathematical formulae though; it can be easily solved by using the corresponding characters instead of entities, as the character repertoire links do, except for cases where the corresponding glyphs are visually indiscernible (e.g. &ndash; for ‘–’ and &minus; for ‘−’).

In some cases it may be the best choice to use neither TeX nor the html-substitutes, but instead the simple ASCII symbols of a standard keyboard (see below, for an example).

Funciones, simbolos y caracteres especiales

Acentos y diacriticos

Funciones comunes

Modular arithmetic

Derivatives

Sets

Operators

Logic

Root

Relations

Geometrica

Arrows

Special

Unsorted (new stuff)

Larger expressions

Subscripts, superscripts, integrals

Fractions, matrices, multilines

\cfrac{2}{ c + \cfrac{2}{ d + \cfrac{1}{2} } } = a
\qquad
\dfrac{2}{ c + \dfrac{2}{ d + \dfrac{1}{2} } } = a

\begin{matrix}
x & y \\
z & v 
\end{matrix}

\begin{vmatrix}
x & y \\
z & v 
\end{vmatrix}

\begin{Vmatrix}
x & y \\
z & v
\end{Vmatrix}

\begin{bmatrix}
0      & \cdots & 0      \\
\vdots & \ddots & \vdots \\ 
0      & \cdots & 0
\end{bmatrix}

\begin{Bmatrix}
x & y \\
z & v
\end{Bmatrix}

\begin{pmatrix}
x & y \\
z & v 
\end{pmatrix}

\bigl( \begin{smallmatrix}
a&b\\ c&d
\end{smallmatrix} \bigr)

\begin{array}{|c|c||c|} a & b & S \\
\hline
0&0&1\\
0&1&1\\
1&0&1\\
1&1&0\\
\end{array}

f(n) = 
\begin{cases} 
n/2,  & \mbox{if }n\mbox{ is even} \\
3n+1, & \mbox{if }n\mbox{ is odd} 
\end{cases}

\begin{cases}
3x + 5y +  z &= 1 \\
7x - 2y + 4z &= 2 \\
-6x + 3y + 2z &= 3
\end{cases}

<math>f(x) = \sum_{n=0}^\infty a_n x^n</math>
<math>= a_0 + a_1x + a_2x^2 + \cdots</math>

\begin{align}
f(x) & = (a+b)^2 \\
& = a^2+2ab+b^2 \\
\end{align}

\begin{alignat}{2}
f(x) & = (a-b)^2 \\
& = a^2-2ab+b^2 \\
\end{alignat}

\begin{array}{lcl}
z        & = & a \\
f(x,y,z) & = & x + y + z  
\end{array}

\begin{array}{lcr}
z        & = & a \\
f(x,y,z) & = & x + y + z     
\end{array}

Parenthesizing big expressions, brackets, bars

You can use various delimiters with \left and \right:

Alphabets and typefaces

Texvc cannot render arbitrary Unicode characters. Those it can handle can be entered by the expressions below. For others, such as Cyrillic, they can be entered as Unicode or HTML entities in running text, but cannot be used in displayed formulas.

Color

Equations can use color:

• {\color{Blue}x^2}+{\color{YellowOrange}2x}-{\color{OliveGreen}1}

  [math]\displaystyle{ {\color{Blue}x^2}+{\color{YellowOrange}2x}-{\color{OliveGreen}1} }[/math]

• x_{1,2}=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a}

  [math]\displaystyle{ x_{1,2}=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a} }[/math]

It is also possible to change the background color (since r59550), as in the following example:

See here for all named colors supported by LaTeX.

Note that color should not be used as the only way to identify something, because it will become meaningless on black-and-white media or for color-blind people. See en:Wikipedia:Manual of Style#Color coding.

Formatting issues

Spacing

Note that TeX handles most spacing automatically, but you may sometimes want manual control.

Automatic spacing may be broken in very long expressions (because they produce an overfull hbox in TeX):

<math>0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+\cdots</math>

[math]\displaystyle{ 0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+\cdots }[/math]

This can be remedied by putting a pair of braces { } around the whole expression:

<math>{0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+\cdots}</math>

[math]\displaystyle{ {0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+\cdots} }[/math]

Alignment with normal text flow

Due to the default css

img.tex { vertical-align: middle; }

an inline expression like [math]\displaystyle{ \int_{-N}^{N} e^x\, dx }[/math] should look good.

If you need to align it otherwise, use <math style="vertical-align:-100%;">...</math> and play with the vertical-align argument until you get it right; however, how it looks may depend on the browser and the browser settings.

Also note that if you rely on this workaround, if/when the rendering on the server gets fixed in future releases, as a result of this extra manual offset your formulae will suddenly be aligned incorrectly. So use it sparingly, if at all.

Forced PNG rendering

To force the formula to render as PNG, add \, (small space) at the end of the formula (where it is not rendered). This will force PNG if the user is in "⧼mw math simple⧽" mode, but not for "⧼mw math html⧽" mode (math rendering settings in preferences). Notice that since MediaWiki 1.19, the only available options will be "⧼mw_math_png⧽" and "⧼mw_math_source⧽".

You can also use \, (small space and negative space, which cancel out) anywhere inside the math tags. This does force PNG even in "HTML if possible" mode, unlike \,.

This could be useful to keep the rendering of formulae in a proof consistent for users who have not selected "⧼mw_math_png⧽" (e.g., all anonymous users on wikis where $wgDefaultUserOptions['math'] is not set to 0), for example, or to fix formulae that render incorrectly in HTML (at one time, a^{2+2} rendered with an extra underscore), or to demonstrate how something is rendered when it would normally show up as HTML (as in the examples above).

For instance:

This has been tested with most of the formulae on this page, and seems to work perfectly.

You might want to include a comment in the HTML so people don't "correct" the formula by removing it:

<!-- The \,\! is to keep the formula rendered as PNG instead of HTML. Please don't remove it.-->

Alternatively, you could create a template called "Don't remove the \,\!" to be able to use a category or Special:WhatLinksHere to track the usage of this hack.

Commutative diagrams

To make a commutative diagram, there are three steps:

• Write the diagram in TeX
• Convert to SVG
• Upload the file to Wikimedia Commons

Diagrams in TeX

Xy-pic (online manual) is the most powerful and general-purpose diagram package in TeX.

Simpler packages include:

• AMS's amscd
• Paul Taylor's diagrams
• François Borceux Diagrams

The following is a template for Xy-pic, together with a hack to increase the margins in dvips, so that the diagram is not truncated by over-eager cropping (suggested in TUGboat TUGboat, Volume 17 1996, No. 3):

\documentclass{amsart}
\usepackage[all, ps]{xy} % Loading the XY-Pic package 
                         % Using postscript driver for smoother curves
\usepackage{color}       % For invisible frame
\begin{document}
\thispagestyle{empty} % No page numbers
\SelectTips{eu}{}     % Euler arrowheads (tips)
\setlength{\fboxsep}{0pt} % Frame box margin
{\color{white}\framebox{{\color{black}$$ % Frame for margin

\xymatrix{ % The diagram is a 3x3 matrix
%%% Diagram goes here %%%
}

$$}}} % end math, end frame
\end{document}

Convert to SVG

Once you have produced your diagram in LaTeX (or TeX), you can convert it to an SVG file using the following sequence of commands:

pdflatex file.tex
pdfcrop --clip file.pdf tmp.pdf
pdf2svg tmp.pdf file.svg
  (rm tmp.pdf at the end)

pdflatex and the pdfcrop and pdf2svg utilities are needed for this procedure.

If you do not have these programs, you can also use the commands

latex file.tex
dvipdfm file.dvi

to get a PDF version of your diagram.

Programs

In general, you will not be able to get anywhere with diagrams without TeX and Ghostscript, and the inkscape program is a useful tool for creating or modifying your diagrams by hand. There is also a utility pstoedit which supports direct conversion from Postscript files to many vector graphics formats, but it requires a non-free plugin to convert to SVG, and regardless of the format, this editor has not been successful in using it to convert diagrams with diagonal arrows from TeX-created files.

These programs are:

• a working TeX distribution, such as TeX Live
• Ghostscript
• pstoedit
• Inkscape

Upload the file

Plantilla:Seealso Plantilla:Seealso

As the diagram is your own work, upload it to Wikimedia Commons, so that all projects (notably, all languages) can use it without having to copy it to their language's Wiki. (If you've previously uploaded a file to somewhere other than Commons, transwiki it to Commons.)

Check size

Before uploading, check that the default size of the image is neither too large nor too small by opening in an SVG application and viewing at default size (100% scaling), otherwise adjust the -y option to dvips.

Name

Make sure the file has a meaningful name.

Upload

Login to Wikimedia Commons, then upload the file; for the Summary, give a brief description.

Now go to the image page and add a description, including the source code, using this template (using {{Information}}):

{{Information
|Description =
{{en| Description [[:en:Link to WP page|topic]]
}}
|Source = {{own}}

Created as per:

[[:en:meta:Help:Displaying a formula#Commutative diagrams]]; source code below.
|Date = The Creation Date, like 1999-12-31
|Author = [[User:YourUserName|Your Real Name]]
|Permission = Public domain; (or other license) see below. 
}}

== LaTeX source ==
<source lang="latex">
% LaTeX source here
</source>

== [[Commons:Copyright tags|Licensing]]: ==
{{self|PD-self (or other license)|author=[[User:YourUserName|Your Real Name]]}}

[[Category:Descriptive categories, such as "Group theory"]]
[[Category:Commutative diagrams]]

Source code

• Include the source code in the image page, in a LaTeX source section, so that the diagram can be edited in future.
• Include the complete .tex file, not just the fragment, so future editors do not need to reconstruct a compilable file.

License

The most common license for commutative diagrams is PD-self; some use PD-ineligible, especially for simple diagrams, or other licenses. Please do not use the GFDL, as it requires the entire text of the GFDL to be attached to any document that uses the diagram.

Description

If possible, link to a Wikipedia page relevant to the diagram.

Category

Include [[Category:Commutative diagrams]], so that it appears in commons:Category:Commutative diagrams. There are also subcategories, which you may choose to use.

Include image

Now include the image on the original page via [[Image:Diagram.svg]]

Examples

A sample conforming diagram is commons:Image:PSU-PU.svg.

Examples

[math]\displaystyle{ ax^2 + bx + c = 0 }[/math]

<math>ax^2 + bx + c = 0</math>

[math]\displaystyle{ ax^2 + bx + c = 0\, }[/math]

<math>ax^2 + bx + c = 0\,</math>

[math]\displaystyle{ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} }[/math]

<math>x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math>

[math]\displaystyle{ 2 = \left( \frac{\left(3-x\right) \times 2}{3-x} \right) }[/math]

<math>2 = \left(
 \frac{\left(3-x\right) \times 2}{3-x}
 \right)</math>

[math]\displaystyle{ S_{\text{new}} = S_{\text{old}} - \frac{ \left( 5-T \right) ^2} {2} }[/math]

 <math>S_{\text{new}} = S_{\text{old}} - \frac{ \left( 5-T \right) ^2} {2}</math>
 

[math]\displaystyle{ \int_a^x \!\!\!\int_a^s f(y)\,dy\,ds = \int_a^x f(y)(x-y)\,dy }[/math]

<math>\int_a^x \!\!\!\int_a^s f(y)\,dy\,ds
 = \int_a^x f(y)(x-y)\,dy</math>

[math]\displaystyle{ \sum_{m=1}^\infty\sum_{n=1}^\infty\frac{m^2\,n}{3^m\left(m\,3^n+n\,3^m\right)} }[/math]

<math>\sum_{m=1}^\infty\sum_{n=1}^\infty\frac{m^2\,n}
 {3^m\left(m\,3^n+n\,3^m\right)}</math>

[math]\displaystyle{ u'' + p(x)u' + q(x)u=f(x),\quad x\gt a }[/math]

<math>u'' + p(x)u' + q(x)u=f(x),\quad x>a</math>

[math]\displaystyle{ |\bar{z}| = |z|, |(\bar{z})^n| = |z|^n, \arg(z^n) = n \arg(z) }[/math]

<math>|\bar{z}| = |z|,
 |(\bar{z})^n| = |z|^n,
 \arg(z^n) = n \arg(z)</math>

[math]\displaystyle{ \lim_{z\rightarrow z_0} f(z)=f(z_0) }[/math]

<math>\lim_{z\rightarrow z_0} f(z)=f(z_0)</math>

[math]\displaystyle{ \phi_n(\kappa)
 = \frac{1}{4\pi^2\kappa^2} \int_0^\infty \frac{\sin(\kappa R)}{\kappa R}  \frac{\partial}{\partial R}  \left[R^2\frac{\partial D_n(R)}{\partial R}\right]\,dR }[/math]

<math>\phi_n(\kappa) =
 \frac{1}{4\pi^2\kappa^2} \int_0^\infty
 \frac{\sin(\kappa R)}{\kappa R}
 \frac{\partial}{\partial R}
 \left[R^2\frac{\partial D_n(R)}{\partial R}\right]\,dR</math>

[math]\displaystyle{ \phi_n(\kappa) = 0.033C_n^2\kappa^{-11/3},\quad \frac{1}{L_0}\ll\kappa\ll\frac{1}{l_0} }[/math]

<math>\phi_n(\kappa) = 
 0.033C_n^2\kappa^{-11/3},\quad
 \frac{1}{L_0}\ll\kappa\ll\frac{1}{l_0}</math>

[math]\displaystyle{ f(x) = \begin{cases}1 & -1 \le x \lt  0 \\
 \frac{1}{2} & x = 0 \\ 1 - x^2 & \mbox{otherwise}\end{cases} }[/math]

<math>
 f(x) =
 \begin{cases}
 1 & -1 \le x < 0 \\
 \frac{1}{2} & x = 0 \\
 1 - x^2 & \mbox{otherwise}
 \end{cases}
 </math>

[math]\displaystyle{ {}_pF_q(a_1,\dots,a_p;c_1,\dots,c_q;z) = \sum_{n=0}^\infty \frac{(a_1)_n\cdots(a_p)_n}{(c_1)_n\cdots(c_q)_n}\frac{z^n}{n!} }[/math]

 <math>{}_pF_q(a_1,\dots,a_p;c_1,\dots,c_q;z)
 = \sum_{n=0}^\infty
 \frac{(a_1)_n\cdots(a_p)_n}{(c_1)_n\cdots(c_q)_n}
 \frac{z^n}{n!}</math>

[math]\displaystyle{  \frac {a}{b} }[/math]   [math]\displaystyle{  \tfrac {a}{b}  }[/math]
<math> \frac {a}{b}\  \tfrac {a}{b} </math>

Enlaces externos

• Manual de Meta-Wiki (en ingles)
• Manual de Wikipedia en español