--- title: "Text Elements in Customer's Canvas" canonical: https://customerscanvas.com/docs/cc6/text-elements-in-cc.htm archived: true applies_to: - product: "Customer's Canvas On-Premises" - product: "Design Editor" versions: ["6.15.0", "6.x (may differ)"] --- **You’re viewing outdated documentation.** [View the latest Customer’s Canvas On-Premises documentation](https://customerscanvas.com/docs/on-premises/). # Text Elements in Customer's Canvas **Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation** Customer's Canvas supports such text types as **point** (a string without a fixed width), **bounded**, **plain**, and **rich formatted** text. The Design Editor provides two [text engines](https://customerscanvas.com/docs/cc6/text-engines.htm.md) for manipulating text elements. The WYSIWYG text engine, which is enabled by default, allows your users to edit text elements right on the canvas. As an alternative, the Classic text engine uses pop-up boxes for editing plain text and uses the [Rich text editor](https://customerscanvas.com/docs/cc6/rich-text-editor.htm.md) for working with rich formatting. Using the [widgets.common.textFormattingEnabled](https://customerscanvas.com/docs/cc6/client-config.htm.md) parameter, which is `true` by default, you can specify whether all text elements will support rich formatting or not. You can also use the `` marker to disallow rich formatting for a single element loaded from a product template. This topic dwells on the text types and their features. ## Point Text Point text represents a text block of variable width. Point text does not support automatic text wrapping. If a user changes the text in this element, then it causes the text block width to change. Customer's Canvas loads point text layers from PSD templates in either plain or rich format, depending on the `` marker. The following screenshot shows point text in the Design Editor. ![Point text in the web-to-print editor.](https://customerscanvas.com/docs/cc6/images/PointTextInEditor.png) #### Creating a Text Element in the Editor To create a point text element in the Design Editor, click **Add text** on the **Text** menu, on the **Toolbox**. ![The Add text button.](https://customerscanvas.com/docs/cc6/images/RichTextSupport01.png) Note, this is the default configuration of the **Toolbox**. To configure a custom toolbox, refer to the [Customizing the User Interface](https://customerscanvas.com/docs/cc6/customizing-user-interface.htm.md) topic. ## Bounded Text In contrast to point text, bounded text takes a rectangular area and has a fixed width and height. Users can change the size of the bounding rectangle. If such a text does not fit the bounding rectangle by height, it is cropped. Bounded text may have columns and [wrap](https://customerscanvas.com/docs/cc6/text-wrapping.htm.md) around other elements or inside shapes. The following screenshot shows rich formatted text in the Design Editor. ![Rich text in the web-to-print editor.](https://customerscanvas.com/docs/cc6/images/RichTextInEditor.png) #### Creating Bounded Text in the Editor To allow your users to create bounded text in the editor, you need to enable the **Text Block** command in the **Toolbox**. You can do this by adding the **BoundedText** action to the [Toolbox.buttons](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.itoolboxconfigparsed.htm.md) array in `clientConfig.json`. ![The Add bounded text button.](https://customerscanvas.com/docs/cc6/images/BoundedTextMenu.png) #### Multicolumn Text When your users add bounded text to the canvas, the one-column text appears by default. To allow them to create multicolumn text using the Classic text engine, set the [createMultiColumnText](https://customerscanvas.com/docs/cc6/rich-text-editor.htm.md) property to `true`. You can define this configuration parameter in `clientConfig.json` or through **IConfiguration**. Customer's Canvas supports multicolumn text imported from InDesign templates. In Photoshop templates, you can [enable columns](https://customerscanvas.com/docs/cc6/multi-column-text.htm.md) by using the `` marker. #### Vertical Alignment From the **Top Toolbar**, you can vertically align both rich formatted and plain bounded text types within their bounds. ![The Vertical alignment buttons.](https://customerscanvas.com/docs/cc6/images/RichTextSupport14.png) To specify vertical alignment in PSD or IDML templates, add the `` marker to a text element. There are **top**, **center**, and **bottom** values available for this marker. For example, `` automatically aligns text with the top bound of the layer. `` is ignored if the layer contains the `` marker defining a column count or the `` marker getting the text wrapped inside a shape. If any of these markers are used in a paragraph layer name, the text string is aligned with the upper bound and the alignment cannot be changed. The default value is **top**; it is used if a layer name does not contain ``. #### Character Count For rich formatted text, unlike point and plain bounded text, you cannot limit the number of lines. Instead, the Design Editor allows for limiting a maximum number of characters that users can enter in the [Rich Text Editor](https://customerscanvas.com/docs/cc6/rich-text-editor.htm.md) when using the Classic text engine. The `` marker enables this feature for rich formatted text in PSD and IDML templates, where `n` is a maximum possible number of characters allowed in the corresponding element. For example, `` allows users to enter up to 200 characters. It will not accept any new characters if the user reaches the limit. ![The character counter.](https://customerscanvas.com/docs/cc6/images/RichTextSupport12.png) ![The character counter reaches the limit.](https://customerscanvas.com/docs/cc6/images/RichTextSupport13.png) The character count turns red if a user reaches the limit. #### Copyfitting For bounded text, you can enable [copyfitting](https://customerscanvas.com/docs/cc6/copyfitting.htm.md). In this mode, bounded text appears in plain format. The `` marker defines how to change the text if it goes out of its bounds. For example, Customer's Canvas can crop it or fit it into the bounding rectangle. You can specify how to shrink such text - by either scaling the text or changing the font size - by using the `` marker. ## Common Text Features #### Defining Text Formatting in Templates Customer's Canvas loads text layers from Photoshop and text frames from InDesign as rich formatted text by default. In PSD and IDML templates, you can enable plain formatting for a text element by using ``. The `` marker allows you to activate the following modes for text: - `` keeps rich text formatting. - `` enables plain formatting (if there are various styles in a text element, then the first style is applied to the entire text and the rest styles are ignored). - `` enables the formatting that was defined in the [widgets.common.textFormattingEnabled](https://customerscanvas.com/docs/cc6/client-config.htm.md) parameter. #### A Text Placeholder Text placeholders allow you to specify a prompt that motivates users to fill in a text box. In the Design Editor they look as follows: ![The text placeholder.](https://customerscanvas.com/docs/cc6/images/TextPlaceholder.png) In this example, you can see that the `Type a name` prompt does not act as a regular text string, and the user does not have to remove it before entering their text. You can enable a placeholder by using the `` marker in either a Photoshop or InDesign template. In the case where a user leaves the placeholder unfilled, the prompt does not appear in the hi-res output. However, you may want to indicate on proof images that the placeholder should contain a text. To enable this, set the [rendering.proofImageShowStubContent](https://customerscanvas.com/docs/cc6/configuring-high-resolution-and-proof-images.htm.md) property to `true` in `clientConfig.json`. #### Character and Line Count You can specify the maximum number of lines and characters per line that the user is allowed to enter into plain point text or plain bounded text. The `` marker defines the maximum line count in a text element. `` allows you to set up the maximum number of characters per line. For example, if you add the `` markers to a layer name, you can observe the following counter in the lower-right corner of the pop-up box. ![The point text limits for a number of characters and lines.](https://customerscanvas.com/docs/cc6/images/PointTextLimits.png) If you do not specify these markers, the user is allowed to enter as many characters and lines as they want. #### OpenType Features When you use OpenType features in your PSD and IDML templates, Customer's Canvas applies them to text elements. The following OpenType features are rendered by default if your font supports them: - Contextual Ligatures (Clig) - Cursive Positioning (Curs) - Glyph Composition/Decomposition (Ccmp) - Kerning (Kern) - Localized Forms (Locl) - Mark Positioning (Mark) - Mark to Mark Positioning (Mkmk) - Required Contextual Alternates (Rclt) - Required Ligatures (Rlig) - Standard Ligatures (Liga) For the full list of supported OpenType features, you can refer to the specification of the [Aurigma Graphics Mill↗](https://www.graphicsmill.com/docs/gm/T_Aurigma_GraphicsMill_AdvancedDrawing_OpenTypeFeature.htm) library. ## See Also ### Manual - [Supported Markers](https://customerscanvas.com/docs/cc6/supported-markers.htm.md) - [Rich Text Editor](https://customerscanvas.com/docs/cc6/rich-text-editor.htm.md) - [Copyfitting](https://customerscanvas.com/docs/cc6/copyfitting.htm.md) - [Text Wrapping](https://customerscanvas.com/docs/cc6/text-wrapping.htm.md) - [Multi-Column Text](https://customerscanvas.com/docs/cc6/multi-column-text.htm.md) ### Other - [Aurigma Graphics Mill↗](https://www.graphicsmill.com/docs/gm/T_Aurigma_GraphicsMill_AdvancedDrawing_OpenTypeFeature.htm)