Text & Media

View General tab of Text & Media content element.

View General tab of Text & Media content element.

With Text & Media, continuous text can be easily formatted and various media can be included. For this, three parts of Text & Media are explained in this tutorial.

Text and Tables are in the General tab and Media is edited in the Media tab.

Edit text

Richt Text Editor

View Rich Text Editor

The text can be customized with a wide variety of formatting using the rich text editor.

  1. Headline: Set heading in the continuous text
  2. Format text: Bold, Cusive, Underline, etc.
  3. Formatting: Copy and remove formatting
  4. Listing: insert numbered and unnumbered listings
  5. Indentations: Format indentations in listings
  6. Link: Format text as link
  7. Undo/Redo: Undo/redo changes made to the document
  8. Tables: Insert tables (explained here )
  9. Symbols: Defined list of supported symbols
  10. Find/Replace: Search and replace texts

Integrate media

Insert media

Include media file at Text & Media content element.

Images and other media can be included, which are then displayed next to the text and in the mobile view above the text. Images can be edited with TYPO3's built-in image editor.

Available media

The following file types can be included in the content element Text & Media: GIF, JPG, JPEG, PNG, SVG, TIFF, TIF.
In addition, media from the following sources can be included: YouTube, Vimeo, Remoteimage, Soundcloud, Panopto.

Position

Media can be placed either to the left or to the right of the text. By default, media is placed to the right of the text. This setting can be defined only for the whole content element. All media in same text & media element will be aligned the same.

Insert table

Tables are inserted with the table icon. For an existing table, some functions are available via the context menu.

  • Cell
    • Insert cell before: Insert a single cell before the selected cell
    • Insert cell after: Insert single cell before the selected cell
    • Delete cell: Delete selected cell
    • Merge cells: Merge selected cells
    • Merge to right: Merge selected cell with the cell to the right of it
    • Merge down: Merge selected cell with the cell below it
    • Split cell horizontally: Split selected cell in half horizontally
    • Split cell vertically: Split selected cell in half vertically
    • Cell properties: More settings for cells
  • Row
    • Insert row above
    • Insert row below
    • Remove row
  • Column
    • Insert column left before
    • Insert column right after
    • Delete column
  • Delete table: The whole table will be deleted (All data will be removed)
  • Table properties: Define header rows

The content of the cells can be formatted the same as the text outside the table.

Classic table (without formatting)

Cell 1Cell 2
Cell 3Cell 4

 

Example with header rows

cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6
Cell 7Cell 8Cell 9

 

Example with connected cells

cell 1cell 2cell 3
Cell 4Connected cells 5 + 6

 

Text & Media Videos

Text and media

The video explains how the Text & Media content element works.

Working with the Rich Text Editor

The video explains how the Rich Text Editor works and which functionalities are built in. In easyWeb standard, certain actions are disabled or extended.

Image editor in TYPO3

easyWeb standard offers a functionality with which images can be cropped. In the video you can see how this can be done.