Text Core

The Core Component Text Component is a text composing component that features in-place editing.  The component offers rich text editing and formating options available to authors.

On This Page:

Example

View on public site:

Examples by Template

Census 2 Column Right
  • Census 3 Column
  • Census 2 Column Left
  • Census 2 Column Right
  • Census Faceted List
Census 2 Column Right
text2right

When to Use

The Text Core component is used to place body text onto an AEM page.

Usage

The Text Component offers a robust rich text editor that allows for easy text editing in a simplified, in-line editor as well as a full screen format.

The edit dialog features in-line editing with limited options with full functionality available in the full-screen edit dialog. Using the design dialog, text formatting options such as headings, special characters, and paragraph styles can be configured for the template for the content author.

Configure Dialog

The edit dialog offers the standard rich text formatting tools a user would expect to compose text.

Tab: Properties

text properties

Bold

Bold icon

Used to apply bold formatting to selected text or boldly format text entered after the cursor.

Ctrl+B can be used as a keyboard shortcut.

 

Italic

Italic icon

Used to apply italicized formatting to selected text or italicize text entered after the cursor.

Ctrl+I can be used as a keyboard shortcut.

 

Underline

Underline icon

Used to apply underlined formatting to selected text or underline text entered after the cursor.

Ctrl+U can be used as a keyboard shortcut.

 

Subscript

Subscript icon

Used to format selected text or text entered after the cursor as subscript.

 

Superscript

Superscript icon

Used to format selected text or text entered after the cursor as superscript.

 

Paste as Text

Paste as text icon

Pastes any copied text as plain text without any formatting.

When selecting this option a window opens where the text can be pasted as plain text with no formatting as a preview before it is inserted into the text. Accept by tapping or clicking the check mark, cancel by tapping or clicking the x.

 

Paste as text example

 

Paste from Word

Paste from Word icon

When selecting this option a window opens where the text can be pasted maintaining its formatting as a preview before it is inserted into the text. Accept by tapping or clicking the check mark, cancel by tapping or clicking the x.

 

Paste from Word example

 

Hyperlink

Hyperlink icon

Use this option to convert the selected text into a hyperlink or modify an already defined link. This option is only active when text is already selected and opens a window with additional options for setting the link.

 

Hyperlink example

  • Enter the path

    • Use the Open Selection Dialog to choose a path in AEM
    • If the link is not within AEM, enter the absolute URL
      • Non-absolute paths are interpreted as relative to AEM
  • Enter alternative descriptive text for the link

  • Select link behavior

    • Target
    • Same Tab
    • New Tab
    • Parent Frame
    • Top Frame

    Tap or click the check mark to apply the link or the x to cancel.

Unlink

Unlink icon

Use this option to remove a link already applied to the selected text. This option is only active when a link is already selected.

 

Find

Find icon

Use this option to search the text for occurrence of a specified text string. Selecting this option opens a window for specifying the search options.

 

Find example

 

Enter the text for which you want to search and tap or click Find to begin the search. Tap or click the x to cancel.
If you wish to do an exact match according to the case, select the option Match Case before starting the search.
If a match is found, it is highlighted and the search dialog is dimmed. Tap or click the Find button again in the dimmed dialog to search for the next occurrence.

 

Find example found

If no additional occurrences are found, a message will be displayed and the search will restart from the beginning of the text.

 

Find example no more occurrences

 

Replace

Replace icon

Use this option to search the text for occurrences of a specified text string and replace the matches with another string. Selecting this option opens a window for specifying the search and replace options.

 

Replace example

Enter the text for which you want to search as well as the text with which it should be replaced.

  • Tap or click Find to begin the search. Click or tap the x to cancel.
  • If you wish to do an exact match according to the case, select the option Match Case before starting the search.
  • Select Replace all to replace all occurrences of the text at once.

If a match is found, it is highlighted and the search dialog is dimmed. Click the Find button again in the dimmed dialog to search for the next occurrence or select the Replace button to replace the highlighted, matched text. Note that the Replace button is only active once a match is made.

The find and replace dialog becomes transparent when find is clicked and becomes opaque when replace is clicked. This allows the author to review the text that the author will replace.

 

Align Text Left

Align left icon

Used to align the text to the left margin.

 

Center Text

Center text icon

Used to center the text.

 

Align Text Right

Align right icon

Used to align the text to the right margin.

 

Bullet

Bullet icon

Used to format the selected text as a bulleted list or begin the insertion of a bulleted list after the cursor.

To end a bulleted list, tap or click the Bullet button again or enter two carriage returns.

 

Numbered

Numbered list icon

Used to format the selected text as a numbered list or begin the insertion of a numbered list after the cursor.

To end a numbered list, tap or click the Numbered button again or enter two carriage returns.

 

Outdent

Outdent icon

Used to decrease the indentation level of the selected text or text entered after the cursor.

Only active if the selected text or position of the cursor is already indented.

 

Indent

Indent icon

Used to increase the indentation level of the selected text or text entered after the cursor.

 

Table

Table icon

Used to insert a table into the text. Selecting this option opens a window for specifying the details of the table.

 

Table example

  • Columns - The number of columns of the table (required)
  • Rows - The number of rows of the table (required)
  • Width - The width of the table
  • Height - The height of the table
  • Cell padding - The space around the cell content
  • Cell spacing - The space between cells
  • Border - The weight of the border lines of the table
    • If for the header of the table:
      • The first row should be used
      • The first column should be used
      • The first row and first column should be used
      • Or no header should be used.
  • Caption - The caption of the table

 

Check Spelling

Check spelling icon

Used to check the spelling of the text content. Possible misspellings are underlined with broken, red lines.

Special Characters

Special characters icon

Used to insert special characters into the text. Selecting this option opens a window where the available characters are displayed.

 

Special characters example

Tap or click the desired character to insert it into the text after the cursor. Multiple characters can be inserted. Tap or click the x to close the selection window.

 

Paragraph Format

Paragraph format icon

Used to apply paragraph formatting to the selected text or to text inserted after the cursor. Selecting this options opens a dropdown from which the paragraph format is selected.

 

Paragraph format example

 

In-Line Editing

The text component can be edited in-line as well, but due to space restraints, not all formatting options are available in-line. To see all options, switch to full-screen mode.

 

In-line edit example

Note:

The formatting options available are defined in the component policy. Only enabled options are available for authors.

Tab: Styles

text styles

The Text Core component supports the AEM Style System.

Use the drop-down to select the styles that you want to apply to the component. Selections made in the edit dialog have the same effect as those chosen from the component toolbar.

Styles must be configured for this component in the design dialog in order for the drop down menu to be available.

Component Policy

TextCore Component Policy

Plugins
  • Plugins
  • Styles
Plugins

Faceted TextCore Component Policy

Plugins
  • Plugins
  • Styles
Plugins

Is this page helpful?
Thumbs Up Image Yes Thumbs Down Image No
NO THANKS
255 characters maximum 255 characters maximum reached
Thank you for your feedback.
Comments or suggestions?

Top

Back to Header