WYSIWYG element

    Use the WYSIWYG element to add formatted content to your layout using CKEditor.

    Only common settings are shown by default. To access additional settings, click on the Properties button and select the additional settings.

    Locating the WYSIWYG element

    To find the WYSIWYG element:

    1. Navigate to a page or template with the Layout canvas
    2. Click the + button on the Layout canvas
    3. Within the Elements tab, look for the WYSIWYG element.


    The WYSIWYG element includes the following fields:



    • Style - Select a Layout custom style. This is applied to the wrapping container <div> of the WYSIWYG content.

    Match heights

    • Match heights - Match the height of the element using:
      • None - Removes the match heights at the specific breakpoint
      • Class - Match the height of the element with another element with the same class name.

    For more information on Match heights, see Match the heights of elements.


    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket