HTML Editor

Help - Editor, File Manager and User Privileges

Content Editor File Manager User Privileges

Important

  • In the HTML editor, Enter key inserts a new paragraph and soft Enter (Shift+Enter key) inserts a line-break.
  • While editing La/TeX code of mathematical expressions, always use Shift+Enter for newline (if you need to make the code more readable).

HTMLEditor

[Important: Check detailed help on Text formats.]

Content creation and editing is made simple by providing templates for various content types available @0space. Text in the input boxes provided in the templates can be formatted visually.

Templates are web-based forms consisting of sections or tabs for adding content, file attachments and internal or external links.

The forms will have input boxes (like Title, Body) for typing in relevant data. Some of the Text input boxes may offer you a Text formats selector to select Plain text or Full HTML from the drop-down options list.

Select Full HTML if you need formatted text. In Full HTML mode, using the buttons in the toolbar of the What-You-See-Is-What-You-Get (WYSIWYG) editor, you can easily format paragraphs, color text or background, create list, insert tables, images or Youtube videos, for example.

Preview button in the editor toolbar (icon with a magnifying glass) can be used to ensure desired formatting of content and mathematical expressions.

[This useful guide explains the features and the toolbar of the TinyMCE HTML editor.]

Tabs/Accordion/IFRAME/Page

To insert Tabs, Accordion, IFRAME (with internal or external URLs loaded in them), existing content Node, use the markup tags and notations as given below: [See Detailed Compose Tips.]

  • Type the following text in content to create tabs (Don't copy-paste!)-

[tabs]

Title 1 (with <h3> header tag)

Text body 1 ...

Title 2 (with <h3> header tag)

Text body 2 ...

[/tabs]

  • Use the word "accordion" in place of the word "tabs" in the above example to create an accordion (NOT accordions).
  • For inserting an IFRAME with url as source, use

[[[<url> width=<w> height=<h> scrolling=<yes|no|auto>]]]

(replace strings within '<' and '>' by appropriate values.)

  • To insert a node content, use 

[[nid:123]]

((replace 123 by the id of the node to be inserted.)

Note that web page addresses and e-mail addresses turn into links automatically.

Warning:

No nesting allowed for tabs and accordion, that is, you can't have tabs within tabs, or accordion within accordion.

If you need accordion within accordion, use Basic multi-step page type and put accordion (not tabs) inside steps.

Math. Equations/referencing

For allowing you to insert mathematical symbols/expressions/equations in your content, this site uses La/TeX, which is rendered on your pages using MathJax. See this La/TeX help. Using La/TeX syntax, you can also achieve equation formatting, numbering, and referencing.

Remember to use "soft linebreak" [Shift+Enter] to break lines within "$" delimited expressions. "Hard linebreak" [Enter key] inserts an HTML paragraph element (<p>) and breaks the mathmode started by "$".

Also, NO '$' delimiter needed in equation reference - use "\ref{ref1}".

WYSIWYG+Math

The WYSIWYG HTML Editor lets you create visually formatted (HTML) content [without any knowledge of HTML) with the help of buttons in the top toolbar of the editing area.

This editor is available for editing all content types a member (a Blogger or an Author) can create/edit.

As a Guest (not logged in) user, you can still use all features except saving or inserting images/multi-media objects from personal workspace.

Mathematical expressions can be inserted within HTML text of all content types (e.g., page, book page, blog, forum. The mathematical expressions must be typed using the syntax of TeX/LaTeX.

Toolbar

The toolbar buttons are similar to those you have seen in What-You-See-Is-What-You-Get (WYSIWYG) editors like MSWORD (in Windows) or OpenOffice (or LibreOffice) Writer (in LINUX).

HTML Code

All content formatting information is converted into HTML code, which can be seen either by clicking the "Disable rich-text" link below the edit area, or by clicking "HTML" button in the toolbar.

If you know HTML, you can do some editing in HTML mode also to do more than the toolbar buttons do. However, you must be very careful in using HTML mode.

View

Exclude node summary : 

n