WYSIWYG (Visual Editor) Field

The WYSIWYG (Visual Editor) field can store multi-line HTML content. It is intended for large amounts of text and can store any amount of content.

For plain text without a WYSIWYG editor or HTML, you may want to use the Paragraph Text Field.

For shorter text, you may want to use the Plain Text Field.

Quick Start

1. Fill out the Basic Field Settings (Label, Description, and Field Name)
2. Select Field Type: WYSIWYG (Visual Editor).
3. Click Save New Field (or Save Field if you’re updating an existing field) to save your field configuration.

Settings

• Editor
  The WYSIWYG editor to use. Available options are:
  • TinyMCE (WP Default)
    • Enable Media Buttons
      If using TinyMCE, you can show the Media buttons to allow embedding media more easily.
    • Editor Height
      You can choose the default height (in pixels) to use for the editor box.
  • Quill Editor
  • Note: As of Pods 2.8, CLEditor is no longer supported and if you had it selected then Quill Editor will be used instead
• Output Options
  These options will change the way your field value will display.
  • Trim extra whitespace before/after contents
    This will remove any extra spaces before or after the field value.
  • Enable oEmbed
    Embed videos, images, tweets, and other content using Embeds.
  • Enable wptexturize
    Transforms less-beautiful text characters into stylized equivalents using wptexturize().
  • Enable convert_chars
    Converts text into valid XHTML and Unicode using convert_chars().
  • Enable wpautop
    Changes double line-breaks in the text into HTML paragraphs using wpautop().
  • Allow Shortcodes
    This will process any [shortcodes] that you may have in the field value.
  • Allow Markdown Syntax
    If you have the Pods Component “Markdown Syntax” enabled, you can allow any Markdown Syntax to be automatically converted to HTML on display.
• Allowed HTML Tags
  This will let you specify which HTML tags to allow (default: empty), enter them without the < > tags and separated by space. Leave empty to allow all HTML tags.

How to Display

Display with a Shortcode

[pods field="my_wysiwyg_field"]

Display with PHP: pods_field_display()

<?php
echo pods_field_display( 'my_wysiwyg_field' );

Display with PHP: $pod->display()

<?php
$pod = pods();

echo $pod->display( 'my_wysiwyg_field' );