Edit an HTML page with Hindi text and mathematical expressions.

In this workflow, we'll see how Google's Indic transliteration utility and TeX/LaTeX can be used together to create a page with some Hindi text and a few mathematical expressions.

A brief tutorial on TeX/LaTeX will be provided separately. For now, just keep the following in mind:

  • TeX/LaTeX is a mark language that lets you put commands for fomatting mathematical expressions
  • The mathematical expressions to be inserted in an HTML page are to be put within single dollar ('$') or double dollar ('$$') delimiters, and must be according to the TeX/LaTeX syntax.
  • You can manage very well without knowing much about TeX/LaTeX. In most of the cases, you would at the most need Greek alphabets, subscripts, superscripts, and a few mathematical symbols. The following chart should be of help. [First column in the paired columns has the expression you want to produce, second column has the TeX expression to be put within '$' delimiters.]

Type in the mathematical expressions in TeXPage

Click on the TeXPage 0sEd tab. You get an edit area with HTML editor control buttons.

Edit your content as usual.

Since the page will contain mathematical expressions, the most important thing to do is to scroll down below the edit-area, click on "Input format" link and select "TeX in HTML" option. This ensures that your mathematical exressions are processed by LaTeX in the backend.

Put the mathematical expressions within '$' or '$$' delimiters. The mathematical expressions are written using TeX/LaTeX. '$' is for embedding mathematical expression inline, '$$' is for putting them in a new line as an equation. (See tips and examples.)

Sample snapshot:

Preview the mathematical expressions

Click on the Preview button further down near the end to see if the mathematical expressions appear properly. Your content in preview mode appear with light yellow background above the edit area.

Sample snapshot:

Type in the Hindi content

Click on the 0sEd Hindi tab, Within a few second, Google's Indic transliteration page will open slightly scrolled up to make optimum use of the limited visible area.

Type in your Hindi text phonetically in Roman script. [Use Ctrl + g key sequence to toggle between Hindi and English typing.]

Sample snapshot:

Bring the Hindi text into the TeXPage

Select (using mouse drag with left mouse button pressed, or using Ctrl + a to select all, or using right click).

Click on the TeXPage tab to get back the mathematical expression preview page and overwrite (paste copied content over) the existing edit area content with the selected and copied (into memory) Hindi (+ mathematical expression in TeX/LaTeX syntax) content (using Ctrl + c, or right click).

Sample snapshot:

Preview the TeXPage with Hindi + mathematical expressions

Click on Preview button to see the preview again, this time with Hindi content also. If found allright, click on the Save button next to the Preview button near bottom to save your page with Hindi and mathematical expressions.

Sample snapshot:

Save the TeXPage in 0space CMS

After you click the Save button, your page is saved and the saved page is rendered back. This page is actually your newly created page in the Content Management System (CMS) of 0space website.

The additional tabs which appear just below the page title are from the 0space CMS. (We'll learn more about 0space CMS separately.)

Sample snapshot:

Using the edited content outside 0space CMS

Since this page goes into 0space CMS, you can always access it later via 0space website (content) navigation menu to use or re-edit it.

If you want to use the edited content outside 0space, you can use Copy-Paste method (for example) to take the content
to the edit area in 0space HTMLPage tab and use the Save button there (similar to the first workflow).

Sample snapshot: