This page shows the available functions within the wysiwyg which is available across many content types. It operates a bit like a Word document, allowing you to stylize your page without needing to use custom HTML.
Let us go through each of the functions on the wysiwyg.
Bold & Italics
The B stands for bold. The I stands for italics.
Link
This button allows you to add a hyperlink to your text. If you're linking to another page on the same website, you can now use a search function to find your page. This is preferred over copying over the URL, because if you change the URL later, it will still connect to your page.
Tip: Something new on Drupal 10 is that you can now 'copy' a link, highlight the text you want to add the link to, and 'paste.'
'Insert horizontal line' below
Table
| No header | column 2; row 1 |
| column 1; row 2 | column 2; row 2 |
| column 1; row 3 | column 2; row 3 |
| First row headers | column 2; row 1 |
|---|---|
| column 1; row 2 | column 2; row 2 |
| column 1; row 3 | column 2; row 3 |
| First column headers | column 2; row 1 |
|---|---|
| column 1; row 2 | column 2; row 2 |
| column 1; row 3 | column 2; row 3 |
| both headers (first column & row) | column 2; row 1 |
|---|---|
| column 1; row 2 | column 2; row 2 |
| column 1; row 3 | column 2; row 3 |
Insert Columns with options (2 column option)
Insert Columns with options (3 column option)
Insert Columns with options (4 column option)
Insert a horizontal card
Horizontal Card Title
The background colour was selected as a default option which has no colour and no shadow toggled. Text region right was selected as the Content Direction. Button below is a preset that you can click and adjust, or just delete. These cards don't seem to allow 'bold' text, only 'italics.'
Horizontal Card Title
The background colour was selected as thelight grey option with the toggle shadow selected. Text region left was selected as the Content Direction. Button below is a preset that you can click and adjust, or just delete.
Insert a card
One Card Title
The background colour was selected as the light grey option. Button below is a preset that you can click and adjust, or just delete.
Insert two cards
Insert Two Cards Title 1
The background colour was selected as the light grey option. Button below is a preset that you can click and adjust, or just delete.
Insert Two Cards Title 2
The background colour was selected as the light grey option. Button below is a preset that you can click and adjust, or just delete.
Insert Three Cards Title 1
The background colour was selected as the light grey option. Button below is a preset that you can click and adjust, or just delete.
Insert Three Cards Title 2
The background colour was selected as the light grey option. Button below is a preset that you can click and adjust, or just delete.
Insert Three Cards Title 3
The background colour was selected as the light grey option. Button below is a preset that you can click and adjust, or just delete.
Some more Horizontal Cards (to show the color choices)