Text

The wiz-text component is a cross-channel text display component for rendering localizable text content across all eWizard content item types. It properly renders text for e-Detailers and emails and so on, automatically handling formatting and visibility logic based on the active channel and Editor mode.

The cross-channel text component has the following key features:

• HTML markup support for rich text.

• Automatic rendering adaptation for each content item type type.

• Table-based email rendering.

• Default placeholder text support.

Installation

The wiz-text component is part of the eWizard.js component library. To install it to your project, run the following command in the terminal:

wiz install @component/wiz-text

Register the component globally in your application or import it in your Vue template.

Properties

The wiz-text component has the following properties:

Property	Type	Default	Description
text	String	'<div class="text-style_default">Double-click to add text</div>'	The text content to display. Accepts HTML markup and supports localized text with the i18n keypath notation (e.g., "$t('text')" or plain text like "My awesome text").
componentName	String	'Text'	The display name of the component. Used for internal identification and labeling purposes.

Channel-specific behavior

The component automatically adapts its rendering based on the active content item type.

• Renders as a standard div structure with responsive layout.

• Renders as a table structure with fixed layout for consistent HTML email rendering.

Basic usage example

Markup:

<wiz-text :text="$t('text')"></wiz-text>

Localization (i18n):

<i18n>
{
    "eng": {
        "text": "My awesome text"
    }
}
</i18n>