0sEd

0sEd () is an editing tool. It opens in a popup window, and lets you edit content in WYSIWYG HTML, Hindi, and in TeX/LaTeX (for mathematical expressions).

Edit an HTML page and save it for later (re)use.

In this workflow, we'll go through a set of steps involved in creating a media-rich HTML page (a page with images, tables, flash etc.) If you are a 0space web-site member and have logged in, you can upload hyper-media objects into your workspace and embed them into the page with the help of a file browser. If you are an anonymous user (not logged in), you can only insert URLs of hyper-media objects into the page.

We do not provide any facility for creating/editing any kind of graphics or video objects. They are to be created externally, and kept at some web-accesible location. They can be uploaded into your workspace if you are a 0space member and you  would like to serve them from your 0space account.

Launch the 0space online editor: 0sEd

Click on the 0sEd icon (). 0sEd popup appear with 5 tabs (Help, HTMLPage, TeXPage, Hindi, and VKbd) as 0sEd toolbar near top, and a What-You-See-Is-What-You-Get (WYSIWYG) edit area (default mode: View) with Edit and Save (default mode: disabled) buttons.

Sample snapshot:


Explore the HTML Editor

To delete the initial sample text and put your own content, click on the Edit button. Edit button changes into Preview botton, but the Save button still remain disabled.

The edit area becomes editable and (TinyMCE) HTML editor control buttons appear at the bottom in a few seconds (depends on your Internet connection speed).

Wait till the HTML editor controls appear.

Sample snapshot:

Edit your content in WYSIWYG mode

You may insert hyperlinks, tables, images, multimedia objects (flash or other movie formats) by clicking on the associated editor control buttons near the bottom. Most of them will ask for additional information in a popup window.

Sample snapshot (showing a popup for 'image insert'):

You may also use "Copy/Cut-Paste" to bring content from some existing document. However, the content inserted with the "Copy/Cut-Paste" method may not carry the format of the source, because "internal" transfer of content from source to the 0sEd editor will depend on the applications and the operating system involved. You might have to put extra effort to get the pasted content in desirable format. (Knowledge of HTML will allow you to directly modify the HTML code to get the desired format.)

Preview and save.

Click on Preview button to find how your content will look in its current form. At this stage, Save button becomes enabled, and Preview button revets back into Save button.

Click on Save button after required interations Edit-Preview cycles.

Your content will be sent back to a new browser window/tab. From there you can save or print via the File menu option of the browser.

[If you were a 0space member and had logged in, your page gets saved as a file in your 0space workspace. Your workspace folders/files are managed via the 0space file manager 0sFM.]

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: