Products like books, magazines, booklets, etc. may contain large text areas. Large plain texts are boring and they do not allow catching a main idea at the first sight. So, if your users want to create eye-catching products attracting the attention, they can use rich text. Rich text provides such formatting options as style (bold, italics, and underlining), font, size, and color.
The web-to-print designer allows creating rich text areas using the Rich text editor, described in this topic. Also, rich text provides the text wrapping feature that allows controlling how images are displayed in text areas, whether text wraps them around or pictures are just put above/behind text without changing its layout. This feature is discussed in the Text Wrapping topic.
To add a rich text object to a product use the Rich text editor, like it is described below.
Enter the text, format it, and then click the Insert button.
After a rich text area is added to a product, you can change its size. If the text is too big to be displayed in the area, it will be cropped. Rich text elements do not resize automatically when text is being typed in.
The Rich text editor supports spell checking, which is discussed in the Customizing User Interface topic.
In the last screenshot, you can see that the Rich text editor interface contains usual text formatting elements. Let us go through them:
To change a value of a formatting element, you can select one from a drop-down list. If the element defines a numeric value, you can type it in:
The first button group in Rich text editor contains the following buttons (from left to right): Cut, Copy, Paste, Paste as plain text, Paste from Word, Undo, and Redo:
Also, some of these operations can be done using the following key combinations:
The second button group in Rich text editor contains the following buttons (from left to right): Find, Replace, and Select All:
The last button in the upper is Insert Special Character:
It opens the following Select Special Characters dialog:
The dialog closes after you select a character.
To emphasize some words or sentences you can use bold, italic, and underline font styles, or any combinations of them. The last button in the group clears all formatting for the selected text.
To change a font: select a text in the area, click the Font drop-down list, and select a new font. The Custom Fonts topic discusses how to add custom fonts to Customer's Canvas.
To change a font size: select a text in the area, click the Size drop-down list, and select a value (in points). Also, you can type in your own value of the font size.
To change a font color of a selected text, click Text Color:
There is a palette with the predefined color set on the left side of the Font Color dialog, and a spectrum on the right side of the dialog. You can select a color from the palette or directly from the spectrum. Refer to the Colors topic to find out how to set up the palette.
Tracking is a spacing between characters. Negative values make text narrower, positive values make it wider, and
0 is the default tracking of the font:
The following text alignment options are available: Left, Center, and Right.
Text alignment is applied to all text in the Rich text editor, not to a paragraph.
Rich text editor allows creating numbered and bulleted lists:
To change a list style right-click on any element in the list. For numbered lists you can set a number to start list with and a list type:
For bulleted lists, you can change a bullet style.
Also, you can create lists with hierarchy:
Leading is spacing between base lines. Leading is sized in points. You can select its value from the predefined list or type in your own value:
If a leading value is lesser than a font size, then a text line overlaps.
Leading is applied to all text in the Rich text editor, not to a paragraph.
First line indent is indentation determines the distance of the paragraph first line from the left margin. It is sized in points. You can select one of the predefined values or type in your own value:
Before and after paragraph spaces are sized in points. You can select a value from the predefined list or type in another value:
Paragraph left and right indents are sized in points. You can select a value from the predefined list or type in another value:
You can limit the number of characters that the user can enter in rich text fields. The character count is shown in the lower-right corner:
Refer to Point and Rich (Paragraph) Text for more details.
If your users edit texts with extremely large/small font sizes in the Rich text editor, it can become a problem. The text can either be too small to see it, or too big to fit in the editor window. To improve the user experience, you can enable resizing the content in the window.
To change a zoom level, move the slider in the lower-left corner:
You can configure the slider and enable the auto-zoom feature through IConfiguration.