WYSIWYG

What is a WYSIWYG editor?

WYSIWYG is an acronym for “What You See Is What You Get.” It describes a web editor that allows you to do just that—edit your website text and multimedia in the exact same format it will be published in.

Benefits of a WYSIWYG Editor

The main benefit of WYSIWYG editors is that they make website design accessible for non-technical people. Before WYSIWYG editors, building a website required users to code every new web page from scratch. Using customizable visual templates, WYSIWYG allows users to build webpages with little to no code and in a lot less time.

No-code web development

While WYSIWYG editors allow you to adjust code, their main focus is visual design. You can edit web text in formatted paragraphs and drag-and-drop media like images, videos, and files without code.

Built-in templates

You never have to start with a blank page. WYSIWYG editors offer website templates with customizable fonts, colour palettes, and content blocks.

Real-time collaboration

WYSIWYG editors let users work simultaneously on the same site. You and your team can collaborate on web layout, design, and content and provide feedback without overriding each other’s efforts.

User permissions

WYSIWYG editors allow you to manage your team’s access to your website. Easily assign and adjust editing permissions.

What are the most popular WYSIWYG Editors?

While you can buy external web editors, most Content Management Systems (CMS) like WordPress come with built-in WYSIWYG web editors

Here are the top three WYSIWYG editors according to G2:

1. TinyMCE

“TinyMCE gives you total control over rich text editing within any application. As a WYSIWYG component, it can be used to build your next-gen web app – seamlessly integrating into your existing tech stack – and can be fully customized.”

  • Entry Level Price: 1000 Free Editor Loads Per Month
  • Target Industry: SaaS, Tech
2. Froala Editor

“Beautiful Javascript web editor that’s easy to integrate for developers and your users will simply fall in love with its clean design. Froala Editor is a lightweight WYSIWYG HTML Editor written in Javascript that enables rich text editing capabilities for your applications.”

  • Entry Level Price: Free Trial
  • Target Industries: SaaS, Tech
3. Vev

“Vev is a new breed of web creation platform built for developers, designers, and marketers. Combining no-code and code, we help professional teams publish their wildest ideas on the web with complete creative and technical freedom.”

  • Entry Level Price: $0
  • Target Industries: Marketing & Advertising, Media Production

Related terms

Design
1 min read

3-Click Rule

What is the 3-click rule and what is its origin? Learn more about this myth and the studies that challenge the 3-click rule.

Branding, Design
1 min read

5-Second Test

What is a 5-second test and when is a 5 second test useful? Learn how to perform a 5-second test and analyze its results.

Design, Marketing
1 min read

Above the Fold

Above the fold originated from the newspaper industry, where the most important headlines were placed so that they were visible even when folded.