Site docs are currently being updated 🚧 Thank you for your patience! 🙏

WPGraphQL Logo

WYSIWYG

ACF
Last Upated: Thursday, Feb 1, 2024

wysiwyg

The WYSIWYG (What You See is What You Get) field type is native to ACF (free) and provides users with a TinyMCE Editor input field.

Resolve Type

Fields of the "wysiwyg" field type resolve to "String" int he GraphQL Schema

Field Settings

Below you will find information about how various ACF field settings can impact how the field will map to the GraphQL Schema and/or modify resolution of the field when queried.

Field Configuration

<?php
add_action( 'acf/include_fields', function() {
  if ( ! function_exists( 'acf_add_local_field_group' ) ) {
      return;
  }
  acf_add_local_field_group(
    [
      {
        "key": "my_field_group_",
        "title": "My Field Group with wysiwyg",
        "show_in_graphql": 1,
        "graphql_field_name": "myFieldGroupWithWysiwyg",
        "map_graphql_types_from_location_rules": 0,
        "graphql_types": [
          "Page"
        ],
        "fields": [
          {
            "key": "my_field_",
            "label": "My Field",
            "name": "my_field",
            "type": "wysiwyg",
            "show_in_graphql": 1,
            "graphql_field_name": "myFieldWithWysiwyg"
          }
        ],
        "location": [
          [
            {
              "param": "post_type",
              "operator": "==",
              "value": "page"
            }
          ]
        ]
      }
    ]
  );
});

Querying the WYSIWYG field

Next
Support