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

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

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