In the Header Toolbar of the Article Editor, there is an icon available to preview your article directly in the editor in different device sizes:

As default, you see the Laptop icon there. If you click on the button, a dropdown opens where it is possible to also select "Tablet" or "Mobile". When clicking one of the buttons, the editor view changes to reflect the select screen size:

You can continue editing an article as you are used to, changing the selected device only changes the editing view. 

Changing this view doesn't have any impact on the published version of the article, it only change the editing view to give you instant feedback of different device views while editing.

Editor Device Preview

Rich-Text Revisions

Editor interface in an article

Create an article in Purple Hub

Text settings for an article in Purple Hub

Insert special characters into an article in Purple Hub

Article creation

Upload Limits

Media Gallery in Purple Hub

Add an image to an article in Purple Hub

Image Cropping in Purple Hub

Bulk Upload of Media with the same meta-data

Gallery Block in Purple Hub

Add an audio file to an article in Purple Hub

Add a video to an article in Purple Hub

Assets and images

Set an internal link in the Purple Hub

Add an embed in a Hub article

Embeds in Hub Content

Article rating with star rating block in Purple Hub

Embeds and links

Creating Content

Purple Editorial

Editorial

Purple Editorial Overview

Editor Overview

Publishing content

Content Binders

Curator

Planning and Workflows

Social Media Publishing (Nelio) in Purple Hub

Purple Redirects

Managing Content

Editor

Purple Editorial Concept

Purple Importer - Processing Content

sFTP Account Creation

CSV Import file

Preconditions

Import Workflows

Requirements for PDF imports

XML (EPUB) Specification

Transformer Configuration

Purple Monitoring Server

Alert Service

Content Importer

Admin Overview

Purple Blocks

Set up 'Background publishing'

Set up a custom domain for article preview in Purple Hub

Autosave frequency in Purple Hub

Configure TTS Blocks in the Purple Hub

Preview settings for Paywall content

Define the size for the Cropping Feature

Editorial Admin Set-up

The new Hub design

Activate the new Hub design

Activate the new post overview UI in Purple Hub

Setting up the new post overview in Purple Hub

Hub Appearance

Create a taxonomy in Hub

Menus in Purple Hub

Validating the Featured Image

Allow searching for ACFs

Configure Purple Variants

Create a Custom Post Type in Purple Hub

Customize the Block-menu for articles in Purple Hub

Create a block pattern and use it in an article in Purple Hub

Create a reusable block and add it to an article in Purple Hub

Create a custom block in Purple Hub

Create a custom text block in Purple Hub

Create Custom Fields in Purple Hub

Configure ACFs to filter in the post overview

Blocks and fields

Enable Special Characters in Purple Hub

Configure quote style in Purple Hub

Character Limits in Purple Hub

Character Handling

Add automatic disclaimers to machine-translated content

Use machine translations of article contents with DeepL

Set up machine translations

Multi langugage

Purple RSS

Purple Wires: Generic Settings

Purple Wires: Article overview page

Purple Wires: Source overview page

Purple Wires: Source set up page

Purple Wires: Conditional imports

Purple Wires: Known issues

Purple Wires

Connect PPI CX Fusion (fka Tohoop) with Purple Hub

Connect Desk-Net to your Purple Hub

3rd party integrations

Admin

Developer Overview

Subscription-API

Catalog-API

Web Hooks

Hub Import API

Receipt Events

Generic entitlement interface

Entitlement services

Custom S3 Buckets

Developer