villaterra.blogg.se - Rich text formatting

#RICH TEXT FORMATTING HOW TO#

Advanced stylingĪdding a class to the Rich Text element will allow you to create unique text styles for that RTE instance. To delete any of the RTE contents, activate the RTE by clicking inside the element, then select and delete the content. Important: Deleting any element nested in a Rich text element will delete the whole Rich text element. If you don’t want to style all elements on your site, check out Advanced styling below. This way, you’re editing the default styles for that element across the entire site.

Select the tag (e.g., All paragraphs) from the menu.

Click into the Selector field in the Style panel or press Command + Enter ( Control + Enter on Windows).

Then, you’ll be able to select the elements nested within the RTE to style them. If the RTE is activated - i.e., you’re typing or adding content inside the RTE –– you won’t be able to select the individual elements inside. The simplest way of styling elements in an RTE is by selecting the nested element and styling its tag. RTE elements inherit their styling from their respective HTML tags. Styling the elements inside of a Rich text element works differently than styling other standalone elements, because text and media elements inside a Rich text element can be created or deleted by content editors at any time.

#RICH TEXT FORMATTING HOW TO#

How to style content in a Rich text element Keep in mind that this keyboard shortcut will strip the text of all formatting including bold, italics, and hyperlinks. To ensure no unwanted formatting is pasted, you can first paste the rich text content into a plain text editor, then copy and paste into the Rich text element, or use the keyboard shortcut to paste unformatted text ( Command + Option + Shift + V on Mac, or Control + Shift + V on Windows). It’s important to keep in mind that pasting rich text content from other sources may also bring along unwanted formatting, like background color or hidden characters – so you may want to be mindful when pasting rich text from other sources. Important: Images won’t be imported from rich content pasted in a rich text element in the Editor. Images will also be imported on paste when pasting in a rich text element in the Designer or in a rich text field of a CMS item in the Collection manager detail view (both in the Designer and the Editor). All formatting and links will be pasted within the rich text element. You can paste in rich text content from other sites or from a word processor like Google Docs. This is especially useful when you want to continue a numbered list after you’ve added some media between the list items – you can type the next number in the sequence, followed by a period and a space. To create numbered lists, you can use the insert menu or type an integer followed by a period and a space (e.g., 1. You can add a bullet list from the insert menu or by typing in a dash (-) followed by a space. To create a heading, select any text inside of a paragraph and choose a heading (H1-H6) option. To add multiple paragraphs, press Enter at the end of a paragraph. Just like any other text editor, pressing Enter on your keyboard will create a new paragraph on a new line where you can continue to type.

You can start typing inside the RTE and then add formatting to the text to create headings, block quotes, bold or italic text, and links. You can also add additional formatting to text elements:

Rich media (Google maps, SoundCloud, Imgur, Giphy, Codepen, and more).

You can add the following elements within Rich text elements: To add or edit the content within, double-click the Rich text element or select the element and press Enter or Return on your keyboard. You can add a Rich text element by dragging it from the Add panel (A) to the Designer canvas. How to add a Rich text element to your site

How to style content in a Rich text element.

How to add media content, custom code, and lists.

How to add a Rich text element to your site.

Rich text elements also make it easy for content editors to edit rich content within the Editor.