Creating modules

Creating a rich text module

Last updated: 17/2/2019

Table of contents

1. The Rich Text module

This guide provides details on how to successfully utilise the Rich text module in Sitecore. This module is the standard method for adding written content to your page.

2. What is the Rich Text module?

The module allows you to written content within your page. It allows for styling content in list format, adding headings and adding links to other pages to your content.

The module has two potential layouts: :

Default layout - by default content will be displayed in a central column

Assessing multiple assets spanning seven countries

Equis’ 11GW portfolio included 139 solar and wind power generation assets in operation, construction and development. The renewable energy assets were spread across seven countries in the Asia Pacific region, with 1GW of operating assets and 1GW under construction. The portfolio across Japan, Philippines, India, Indonesia, Australia, Taiwan and Thailand also included a substantial development pipeline.

Text split - in this example a heading is placed to the left, whilst 'body' copy is aligned to the right

Assessing multiple assets spanning seven countries

Equis’ 11GW portfolio included 139 solar and wind power generation assets in operation, construction and development. The renewable energy assets were spread across seven countries in the Asia Pacific region, with 1GW of operating assets and 1GW under construction. The portfolio across Japan, Philippines, India, Indonesia, Australia, Taiwan and Thailand also included a substantial development pipeline.

3. Where can you use the module?

The module can be placed on the following types of pages:

  • Events
  • News items
  • Perspectives
  • Projects
  • Service pages
  • Industry pages

4. Creating the Rich Text module

To add the module to your page, you must first create it in the Content Editor.

  • Right click on the 'Local content' folder and choose 'Insert > Rich text' from the popup
Image
Fig 1: Adding a Rich Text module to the 'Local content' folder
  • Give your module a suitably descriptive name and click 'Ok' - NB its useful to label this module with an identifier such as 'Rich text 1' or a descriptor of what the content is such as 'Introduction'
Adding content

Once you've created your module, you can begin adding content.

Fields marked with * MUST be completed

  • Heading - You can add a heading for your copy to this field. If you are intending to use the 'Text split' option then you MUST use this field. If not, you should consider putting your heading in the 'Body' field as this gives greater scope for styling the heading - particularly using the header format
  • Body* - Add your main copy into this field. Click 'Show editor' to begin adding your content. NB - dos and don'ts of the module are detailed below and in the Rich text guidance
  • Split - select this option if you want to display the text in the split format (heading to the left and body content to the right)
  • Anchor ID - This field can be used for creating anchor links to text. You are advised to contact the Online team before using this field
Rich text - guidance

When using the Rich text module, you should bear the following in mind:

  • Do not cut and paste directly from Word or Outlook into the module - this will likely result in formatting errors. Instead, paste to Notepad first, and then copy paste from Notepad into Sitecore. This will prevent formatting errors
  • Sitecore will automatically add paragraph formatting to your content each time you hit 'return' on your keyboard. This formatting is required to ensure that text appears correctly on your page. If you're only entering a single paragraph, hit return at the end of it anyway to apply the formatting
  • Don't try and add imagery via the module - it won't display correctly and you should use the dedicated 'Image' module
  • If you want to create a 'bullet' list, enter your copy, separating each list item by hitting return. Then highlight each item (drag your cursor across each item) and then select the 'list' icon from menu (3 bullets and 3 lines)
  • The only font stylings you should apply to content include:
    • Bold
    • Italic
    • Heading (H2 / H3 / H4 / H5 etc)

3. Best practice

Recommended use
  • Should be readable and in a consistent font size (Normal) with no odd extra characters
  • Links: Must be highlighted in bold & italics, so it is clear to the user the highlight text is a link. This should happen automatically but worth checking.
  • Headings: Should be displayed in header 2, or header 3 format, within rich text.
  • When pasting text from other sources, right click and select 'paste as plain text' in to the rich text editor, or use notepad to remove any bugs

NB - to better highlight these examples, each example has a grey background. This is done solely for demonstration purposes.

Example 1 - correctly presented text
  • Heading listed in h2
  • Link bold and italics
  • Paragraphs set to 'normal' and all a consistent size
  • No odd characters interrupting the text

Fire is a disaster risk

Recovery from a fire is a long and difficult process for anyone, and it is exacerbated in informal settlements where insecure tenure, financial instability, and a lack of insurance are common. The impacts from a fire often exceed the community’s ability to cope. On this basis, fire in informal settlements is a ‘disaster’ according to the definition of the United Nations International Strategy for Disaster Reduction. Despite this, informal settlement fires are often not included in disaster management policy and practice, and fire resilience isn’t enough of a priority.

Every fire reflects local issues

Every informal settlement is unique. A slum in India that has been around for decades faces different challenges than a camp housing refugees displaced from a Syrian warzone. Fire safety considerations for informal settlements must be holistic and take account of the wide range of competing risks and challenges. By first understanding the local context, investments in fire risk reduction can take advantage of existing resources and the capacities of the communities themselves.

The framework places understanding local context at its centre, emphasising its relevance to every area of fire risk reduction. This keeps the framework relevant to different informal settlements around the world.

Example 2 - incorrectly formatted
  • The first paragraph is smaller - to make sure the font sizing is correct, the rich text should have paragraph tags within the HTML section of the rich text editor.

Fire is a disaster risk

Recovery from a fire is a long and difficult process for anyone, and it is exacerbated in informal settlements where insecure tenure, financial instability, and a lack of insurance are common. The impacts from a fire often exceed the community’s ability to cope. On this basis, fire in informal settlements is a ‘disaster’ according to the definition of the United Nations International Strategy for Disaster Reduction. Despite this, informal settlement fires are often not included in disaster management policy and practice, and fire resilience isn’t enough of a priority.

Every fire reflects local issues

Every informal settlement is unique. A slum in India that has been around for decades faces different challenges than a camp housing refugees displaced from a Syrian warzone. Fire safety considerations for informal settlements must be holistic and take account of the wide range of competing risks and challenges. By first understanding the local context, investments in fire risk reduction can take advantage of existing resources and the capacities of the communities themselves.

The framework places understanding local context at its centre, emphasising its relevance to every area of fire risk reduction. This keeps the framework relevant to different informal settlements around the world.

Example 3 - correct 'rich text split'
  • Works well for statement texts, or awards
  • Visually at its best when the text on both left and right are balanced, and short.

Shaping the connected world

As digital leaders, we partner with our clients to transform how people engage with the built environment through technology. From masterplanning cities, to creating a renewable future, we bring seemingly impossible ideas to life.

Example 4 - incorrect 'rich text split'
  • The statement on the left-hand side is too long. This would be better expressed in standard rich text.

The project is the first major transportation design/build in New York State

The options that were under consideration for the future of the Thruway throughout the project included rehabilitating the current bridge, replacing it either iwth or without new commuter rail and/or bus rapit transit and creating new tunnels under the Hudson River.

4. FAQ

For questions and answers on using the module, please consult the Rich text guide.