Text Editor Usage

Access the Editor

When you create or edit content on Drupal, the CKEditor 5 editor will appear with a toolbar at the top of the text area, containing various buttons and formatting options.

Write and Format

  1. Write and Format Text :
    • Enter your text directly into the editor.
    • Use the toolbar buttons to apply styles like bold, italic, and underline.
    • To set the text style, use the style selection list to choose between heading and normal text for the body text.
  2. Create Lists :
    • To create lists, click the bullet or numbered list buttons in the toolbar.

Add Links, Images or Documents

  1. Insert Links :
    • Select the text you want to turn into a link and click the link icon. Enter the URL in the window that opens.
  2. Insert Images or Documents :
    • Click the Media icon and upload your file from your computer or select a media already uploaded in the media library.

Use Advanced Styles

  1. Add Quotes :
    • Use the quote button to add quotes.
  2. Insert Tables :
    • Click the table icon and set the number of rows and columns.
  3. Align Text and Images :
    • Use the alignment buttons to align your text to the left, right, center, or justified. Select an image and use the available alignment options to align it.

Create a Button Link

  1. Enter Button Text :
    • Type the text you want to turn into a button (e.g., "Learn More").
  2. Select the Text :
    • Select the text you just entered.
  3. Insert the Link :
    • Click the link icon in the CKEditor 5 toolbar. In the window that opens, enter the URL where you want the button to point.
  4. Apply Button Style :
    • Use the style selection list and choose "Button" to transform your link into a styled button.
  5. Save and Preview :
    • Save your content and preview to see the result.

Choose Text Format

  1. Text Format :
    • The Basic HTML format is sufficient for most content.
    • If you have specific styles to apply, select Full HTML. However, to add specific styles, it is recommended to contact the IT specialist.

Additional Tips

  • Explore the Toolbar : Take the time to hover over the different buttons to see what they do. Most of them have tooltips that explain their function.
  • Customize According to Your Needs : Contact the IT specialist if you need additional plugins or specific features.