Edjet LMS Server 6.3

Text, formatting & styles

Adding a proper formatting is important for both visual appearance and for correct markup, structuring and accessibility of your content.

Formatting & styling options:

  • Styles – apply predefined styles across all your content.i>
  • Paragraph styles – create headings, bullet and number lists.
  • Direct format – apply bold, align, text color or other in-place formatting.

Visual editor uses a Learner portal styles, to render the content preview accurate – as it will appear on the portal.

Create paragraph

Paragraph is a default text format.

To insert a new paragraph:

  1. Place the cursor where you want to insert the paragraph after.
  2. Press Enter key.

Create headings

You can create six sizes of headings.

To create a heading:

  1. Place the cursor where you want to insert a heading.
  2. Expand Format dropdown in toolbar and choose Heading 1 to Heading 6.
  3. Type your heading's text.

To reformat existing text to a heading:

  1. Place the cursor anywhere into element you want to reformat – in the middle of the paragraph, for example.
  2. Expand Format dropdown in toolbar and choose Heading 1 to Heading 6.

Create bullet or number lists

To create a bulleted or numbered list:

  1. Place the cursor where you want to insert a bulleted list.
  2. Click either:
    • Insert/Remove Bulleted list in the editor toolbar, or,
    • Insert/Remove Numbered list in the editor toolbar.
  3. Type your text.
  4. Use Enter key to create a new bullet.

To reformat existing text to a list:

  1. Place the cursor anywhere into element you want to reformat – in the middle of the paragraph, for example.
  2. Click either:
    • Insert/Remove Bulleted list in the editor toolbar, or,
    • Insert/Remove Numbered list in the editor toolbar.
  3. Place the cursor and use Enter key to create a new bullet.

Reset paragraph style to default

To remove headings, bullet or numbered lists or other paragraph styles and default to the paragraph:

  1. Click anywhere into content you want to make a paragraph (example in the middle of the heading).
  2. Expand Format dropdown in toolbar and choose Paragraph.

Direct text formatting

While editing text, you can apply direct formatting like bold, align, or text color to any part of a text.

To apply direct text formatting:

  1. Select a text you want to format.
  2. Click in a toolbar:
    • Bold
    • Italic
    • Underline
    • Striketrough
    • Subscript
    • Superscript

Change color of a text

You can change a text color or background color of the text:

  1. Select a text.
  2. Click Select Text Color or Select Background Color in editor toolbar.
  3. Pick a color from a pallet.

Change font

You can change a font family used:

  1. Select a text.
  2. Click Font family in editor toolbar.
  3. Pick a font from a dropdown with available fonts.

Change size of a text

You can change a font size of the text:

  1. Select a text.
  2. Click Font size in editor toolbar.
  3. Pick a size from a dropdown.

Change align option

You can change an align option of the text:

  1. Select a text.
  2. Click in a toolbar:
    • Align Left
    • Align Center
    • Align Right
    • Align Full (Justify)

Edit direct CSS style

Editor allow you to apply any CSS-based style to any element.

To edit direct CSS style of an element:

  1. Click on element you want to add a style to.
  2. Click Edit CSS styles in the toolbar.
  3. Set any CSS properties you need.
  4. To preview a direct style, click Apply.
  5. When done, click Update.

Tip: This styles are not reusable and cannot be managed. If you want to apply styles to multiple elements in various lessons across courses, consider using styles.

Remove direct formatting

To clear an inline text formatting like bold, italic, colors:

  1. Select text you want to clear formatting from.
  2. Click Remove Formatting in the toolbar.

Add styles

Maintain a consistent visual appearance across all your lessons, courses, tests and other types of content using a predefined global CSS-based styles.

About styles:

  • Styles are available to all content creators.
  • Styles can be used for various types of content – paragraphs, headings, images, videos, tables and more.
  • By default, there are only a few styles to create responsive image, responsive video and responsive table.

Note: To add or remove more editor styles, please contact your Edjet LMS Administrator.

To assign a style to an element:

  1. Click on element you want to add a style to.
  2. Click Styles menu and select a style.

Remove styles

To remove assigned style:

  1. Click on element you want to remove a style from.
  2. Click Styles menu and click Styles.
Related