University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Rich text field

Rich text field

A rich text field is an input field for formatting or applying text styles, such as bold, colors, font sizes, italics, underline, and other visual modifications. Rich text fields and rich text elements are available in Webflow, offering a user-friendly way to organize and stylize content.

For example, users on a blogging platform may want to highlight particular sections of their posts, such as headings or key points. A rich text field allows them to bold, underline, and apply other styles, enhancing readability without learning HTML or CSS. Rich text fields also support features such as links to other webpages, images, inline media such as videos, and lists, allowing users to create engaging content with minimal technical expertise.

However, rich text fields differ from Rich Text Format (RTF), a file format for text files with basic formatting. An RTF file differs from a rich text field in a CMS or online editor. RTF files preserve text styling and formatting when shared between applications, such as word processing programs.

Relevant courses

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

Moving your business online

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

Ultimate web design course

From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.

Web animations with After Effects & Lottie

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Web elements

A comprehensive look at the building blocks and elements Webflow puts at your fingertips — start designing websites visually, with confidence.

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Shared Workspace template

→
Shared Workspace templates are templates made from your own sites. They can help you create sites with similar layouts and increase your efficiency when designing. Your Workspace members will also have access to your shared Workspace template(s).

Static content

→
Static content is content that’s not bound to any Collections or dynamic elements.

Entity

→
An entity is a representation of a special character that causes syntax conflicts in HTML (Hypertext Markup Language).

Homepage

→
The page people see when they visit your site's root domain. Read more about the homepage.

Ancestor

→
Any element that is further up the element hierarchy of the document tree. For example, the Body element is the ancestor of all elements on the Designer canvas.

ID selectors

→
You can assign element IDs from the Element settings panel in the Designer. ID selectors are useful for HTML anchors, linking to page sections, or for custom code.

Minimized CSS

→
A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.

.htaccess

→
.htaccess is a powerful configuration file that allows you to configure and control how your website functions.

Mobile (portrait) breakpoint

→
A Webflow canvas setting that lets you create styles for viewports with a minimum width of 240px and a maximum width of 479px. Also known as the mobile portrait media query.

Cookie

→
Cookies are small text files sent by a website to a user’s web browser that enhance their browsing experience by remembering site preferences and activities.

Headless CMS

→
A headless content management system (CMS) separates the front-end presentation layer from the back-end management layer, allowing for more flexible content delivery.

Inheritance dropdown

→
A dropdown menu that displays all the selectors that affect a given element.

Map

→
A Webflow element that embeds an interactive Google Map in your site.

Hit

→
A hit is a request to a web server from a browser for a specific resource.

Left padding

→
Left padding is a CSS property that defines the space between an element's left border and its content.

Mutable

→
In JavaScript, mutable objects are dynamic elements that allow post-creation changes and modifications.

Call-to-action (CTA)

→
A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.

404 page

→
A 404 page is an error page a visitor sees when they try to access a non-existent or broken URL on a website.

Site plan

→
A Webflow plan that you can add/apply to individual sites. You’ll receive access to different site and hosting features based on your Site plan.

Closing tag

→
A closing tag is an instructional piece of code that ends a section of page content in HTML.

Meta description

→
An HTML attribute you can use to give a short description of the contents of a webpage. Search engines often display this in results pages (SERPs).

Tutorials

→
The fastest way to learn how to use Webflow.

Div block

→
A generic element that is typically used to group content, or when no other element is specifically or semantically suitable. Div blocks have no effect on the content or layout until styled with CSS.

Return on investment (ROI)

→
Return on investment (ROI) is a metric evaluating the profitability or gain of a venture.

Ciphertext

→
Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Link field

→
A link field is a form input field that enables you to add links to your designs dynamically. You can connect a link field to text links, buttons, or other link elements to turn them into active links.

Columns

→
Columns let you create sections of content that sit side by side on your website, like the columns in newspapers. You can choose how many columns you want and their widths. You can also control how they display on smaller screens — such as stacking them.

Serialization

→
Serialization is the process of converting data into an optimized format for storage, transmission, and sharing.

Character encoding

→
Character encoding is the process of representing characters (such as “a” or “3”) in a particular way, such as text on a computer screen.

Client-side

→
Client-side is the user-facing part of a web app, responsible for processing user input and displaying content.

Class

→
A class is a template that defines variables for objects with similar properties.

Prefetch

→
Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

Language code

→
A language code is a standardized code of letters and numbers that represent different languages.

Display: none

→
Display: none is a CSS property that hides website elements. This code tells the document flow to ignore the element entirely, making it invisible.

Workspace

→
A space to hold and access sites, members, settings, and integrations. All users start with a Workspace that can become collaborative when and as needed.

Flex-sizing

→
A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.

Baseline

→
The baseline is the fixed invisible line that serves as the base for letters. It’s used as a measurement for line height and x-height.

Resource Description Framework (RDF)

→
The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

Flex-grow

→
The flex-grow CSS property defines how much an element grows relative to other flexible items inside the same flex parent.

Username

→
The ID used to log into your Webflow account.

Minimum width (min width)

→
The min-width CSS property defines an element's minimum width. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Preview mode

→
A feature that allows you to see how your site would be displayed in a browser without needing to publish your site or leave the Designer.

Publish destination

→
The specific domain or subdomain where your Webflow site is displayed.

Dynamic content

→
Content you create once, then publish in many different places across your website. As you update this content in the CMS, it automatically updates wherever it exists on your site, making it convenient to create and manage larger websites.

Primitive

→
A primitive is the simplest JavaScript data type, representing fundamental values that do not encapsulate any object, method, or property.

HyperText Markup Language (HTML)

→
A standard markup language that web browsers use to display websites.

Pixel

→
A pixel (px) is the smallest unit of measure in a digital image or display, representing a single point of color or light.

Callback function

→
A callback function is passed as an argument to another function and executed upon completing the latter’s task.

Image

→
A Webflow element that displays graphical files on your website.

List item

→
A list is a Webflow element that displays multiple pieces of content in a structured, visually appealing way. The individual elements that make up the list are called list items.

Compile time

→
Compile time is the length of time it takes for a compiler to convert high-level code into low-level code.

Media query

→
A media query is a CSS technique that applies different styles to a website or an app based on the characteristics of the device displaying it, such as screen size, resolution, and browser viewport.

Link block

→
A link block operates much like a div block, an HTML element for grouping and organizing other HTML elements (like text, images, and forms) into block-level containers. But in the case of a link block, what’s inside the block becomes a link.

Field label

→
A field label is descriptive text that helps users understand what information to enter in an input field on a web form.

Comparison shopping engine

→
A comparison shopping engine (CSE) is a search engine that compares ecommerce pricing, shipping costs, and customer reviews.

Radio button

→
A radio button is a form element for selecting one option from a predefined set of mutually exclusive choices.

Syntax

→
Syntax is the name for the rules specifying a programming language's structure and formatting.

Pagination settings

→
Through the pagination settings, you can preview Collection list pages by choosing the page number from the page dropdown list, or you can switch to the previous or next page using the arrow keys.

Base tag

→
The base tag specifies the base URL for all relative links within HTML code for a specific page or document.

Height: auto

→
The "height: auto" CSS property automatically adjusts an element’s height based on its content.

API

→
APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.

Paginate items

→
This checkbox allows you to enable or disable pagination on the selected Collection list.

Em

→
An em in CSS is a scalable and relative unit of measurement that defines the size of an element relative to its parent's font size.

Bottom bar

→
A bottom bar is a navigation bar at the bottom of an app or webpage.

Object-oriented programming (OOP)

→
Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.

Child

→
A child element is an element nested within a parent element in a hierarchy.

Responsive design

→
Responsive web design (RWD) is a web development and design approach to create websites, applications, and user interfaces (UIs) that display and function effectively on any device or screen size.

Real-Time Streaming Protocol (RTSP)

→
Real-Time Streaming Protocol (RTSP) is a standardized network protocol for transmitting real-time multimedia data like audio and video.

Bad neighborhood

→
Bad neighborhoods are groups of websites that search engines have downgraded because they violate search engine guidelines.

Collection field

→
An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.

Paragraph

→
A typography element used for displaying multi-sentence text content.

Lightbox

→
A lightbox displays content in a popup or modal window on top of a web page’s main content.

Maximum height (max height)

→
The “max-height” CSS property defines an element’s maximum height.

Email template

→
Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.

Display property

→
Display properties operate like instructions that tell a browser how to display the different parts of a webpage. You can customize an element’s appearance and layout by changing its display property.

Designer

→
The main interface where you can build sites.

Website name

→
The title used to describe your website throughout Webflow.

Display: flex

→
The most flexible display property in CSS is the aptly named display: flex, which allows you to create flexible layouts with elements that you can align and distribute vertically or horizontally.

Key

→
A key, or web key, is a unique identifier that authorizes access to a webpage or service.

Meta title

→
A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.

Shim

→
A shim is a code snippet enabling modern web features to function within older programming or browsing environments.

Right padding

→
The inside spacing between the right border of an element and the elements inside it.

Item state

→
The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.

Automagically

→
Automagically describes complex content or functions that appear as if they were created using magic.

Help text

→
Help text is a user interface design element that provides additional information or guidance to users to clarify which content should go in a given Collection field.

File Transfer Protocol (FTP)

→
File Transfer Protocol (FTP) allows for the transfer of files between two parties over TCP/IP-based communication channels, such as the internet.

Empty elements

→
Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

Undo

→
To move backward one step while making changes to a Webflow site.

Interpolation

→
Interpolation is a mathematical process that estimates and creates new values based on known values and their relationship.

Web server

→
A web server is a computer program or hardware device that delivers web content to clients using HTTP. It handles client requests for web pages, images, and videos.

Percent

→
A measurement unit relative to an element's parent.

Flex-align

→
A flexbox property that lets you customize the alignment behavior of flex children, based on the cross-axis of the flex container. The cross axis is the opposite of the flex-direction property, so if you set the direction to vertical, the cross axis is horizontal. Options include start, center, end, baseline, and stretch.

Semantics

→
Semantics accurately represent the structure and purpose of content in computer languages, enabling web developers and programmers to ensure the written code produces an output legible to humans and machines.

Desktop breakpoint

→
A breakpoint, or media query, is the width at which a website’s design and layout adjust to fit screens of different sizes. When designing in Webflow, breakpoints for smaller devices inherit styles from the base — or desktop — breakpoint by default.

Background

→
A website background is a visual element behind webpage content, enhancing aesthetic appeal and user engagement.

Switch field

→
Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

Twitter button

→
A Webflow element that embeds a Twitter Follow or Tweet button into your site.

Modal window

→
A modal window (or modal) is a web element that displays above all content and restricts user interaction until it’s manually dismissed.

Conditional

→
Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.

Widget

→
A widget is an interactive element embedded in a user interface that facilitates specific user actions or displays important information at a glance.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more