WYSIWYG

Ornate door

Description

WYSIWYG stands for "what you see is what you get."  The WYSIWYG component simplifies content creation by offering an intuitive, visual interface, allowing users without coding knowledge to design and format web pages, blogs, and other digital content. You can include a range of page elements—including headlines, body text, bulleted and numbered lists, CTA links and buttons, quotes, tables, multi-column text layouts, and media such as images and videos—in one custom block that allows you to preview the styles as you write.

Jump to Examples

Training Video

Parameters

None—that's the value of WYSIWYG!

H2 – The quick brown fox jumps

H3 – The quick brown fox jumps

H4 – The quick brown fox jumps

H5 – The quick brown fox jumps
H6 – The quick brown fox jumps

Intro lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Maecenas tincidunt amet urna a porta lobortis. 
  • Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. 
  • Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, 
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  1. Maecenas tincidunt amet urna a porta lobortis. 
  2. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. 
  3. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Blue Button

White Button

Arrow Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

natis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliqu

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

et mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

cellcellcellcell
cellcellcellcell

H2 – The quick brown fox jumps

H3 – The quick brown fox jumps

H4 – The quick brown fox jumps

H5 – The quick brown fox jumps
H6 – The quick brown fox jumps

Intro lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Maecenas tincidunt amet urna a porta lobortis. 
  • Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. 
  • Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, 
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  1. Maecenas tincidunt amet urna a porta lobortis. 
  2. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. 
  3. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Blue Button

White Button

Arrow Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

natis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliqu

Image
A group of students wearing Campus Ministry retreat shirts stand in two rows for a group photo outside of the Campus Ministry building.

et mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce veneLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.

cellcellcellcell
cellcellcellcell