This object is in archive! 

Quick tips - LaTeX and speed in HTML5

Simona Riva shared this question 6 years ago

LaTeX is not fully supported in the current version of GeoGebra's HTML5 version, so some of the LaTeX texts you've created using previous versions of GeoGebra will not display properly, or won't display at all in HTML5. In order to minimize display issues, I've collected some tips I hope will be useful for the whole community.

1. Upload your files using GeoGebra 5 - this automatically fixes some displaying issues related to previous versions

2. Only a limited subset of LaTeX and related commands is supported in HTML5. See this collection of examples of supported syntaxes and the last post of the thread, which will be regularly updated with the new supported commands and syntaxes.

3. If you want to insert LaTeX texts, if possible use these instead of LaTeX: FormulaText, TableText and FractionText commands.

If you need to create a table or a matrix, the easiest way is to type it in the spreadsheet, then use the Create table or Create matrix tool (or select it, then right click and select Create table or Create matrix from the appearing context menu).

You can also use TableText for arrays and matrices, since HTML5 does not support syntaxes like \array, \pmatrix... See this collection of examples using TableText syntax.

Example - function:


Example - matrices:

    TableText[matrix1, "()"]


    TableText[matrix1, "[]"]

Example - simple table:

    TableText[{"3x+2y=0"}, {"x-y=-1"}]

table using alignment parameters:

    TableText[{{"x+y", "=", "3"}, {"x", "=", "y+4"}}, "rcl"]

system of equations (see also these examples):

    TableText[{{"2x+3y=5", "5x+8y=12"}}, "{v"]

Example - simple fraction


or calculated fraction


or fraction with italic and bold text:


Example - if you really can't avoid LaTeX:

    FormulaText["\text{The quadratic formula is } x = \frac {-b \pm \sqrt {b^2 - 4ac}}{2a}"]

4. Text orientation: the RotateText and VerticalText commands now work fine in HTML5

5. Spacing and new lines: The LaTeX tag \: is not supported. Use \text{ } to create blank spaces or \;

The same happens with $ $. To add a new line use \\ or \cr instead

6. Colouring: Use the Style bar of GeoGebra when possible to define text colours and background colours. In case you need to specify colours in more detail use the commands \textcolor and \fgcolor. These commands use the color's hex code as argument.

Example -

    \textcolor{#FF0000}{I am a red text}

You can use the codes listed in the Colors reference page of our Wiki, or create your custom colour code using this worksheet.

The best way to check that LaTeX texts work is in the GeoGebra Chrome App .

You might also try this nice app by Forum user gno (Gerhard) in which you can enter LaTeX text and compare the possible options to render it in HTML5.



Comments (2)


Here you can find the latest features added by the Team:

  • These LaTeX commands now work fine in HTML5:

    \hat \vspace \phantom \! \questeq

  • Improved rendering:

    example: \lim_{x \to 3}

  • Spacing:

    You can now use \; for spacing and \\ for a new line


General tips on speed:

© 2020 International GeoGebra Institute