Tutorials

Using Rich Text in the PHP Delivery client library

Sometimes you find yourself in a situation where the editor must have great control over how content is structured. For such cases, the rich text field type is exactly what you need. The previous link will discuss how this field type is handled in the web app, whereas this tutorial will teach how you can use it in your applications with the PHP Delivery client library.

The client library automatically handles rich text field types, using the rich-text.php library. However, it’s very likely that you might want to customize its behavior. You can do this in two ways: through the NodeRenderer and through the NodeParser.

Customizing the rendering

Often you might want to customize the rendering of a certain node type, most commonly those with entries or assets. In order to do so, you need to work with a main renderer, and multiple node renderers. Let’s make an example with the following assumption: we have a content type with ID blogPost, which has a slug and a title (simple strings) and a body (a rich text field). We want to allow the editor to link to other blog posts in the body, and in our templates use the slug property to generate the appropriate link:

1use Contentful\RichText\NodeRenderer\NodeRendererInterface;
2use Contentful\RichText\Node\EntryHyperlink;
3use Contentful\RichText\Node\NodeInterface;
4use Contentful\RichText\RendererInterface;
5
6class BlogPostEntryHyperlink implements NodeRendererInterface
7{
8    private $urlGenerator;
9
10    /**
11     * As this class must only implement an interface,
12     * the constructor can be anything you need, so it's dependency injection-friendly.
13     * In this example we inject an object which will handle
14     * the generation of a URL in the rendering phase.
15     */
16    public function __construct($urlGenerator)
17    {
18        $this->urlGenerator = $urlGenerator;
19    }
20
21    /**
22     * This method must return whether the current node renderer supports rendering
23     * for the given node.
24     *
25     * In this example, we check first if the node is of type EntryHyperlink,
26     * and second whether the entry is of content type "blogPost".
27     */
28    public function supports(NodeInterface $node): bool
29    {
30        if (!$node instanceof EntryHyperlink) {
31            return false;
32        }
33
34        /** @var \Contentful\Delivery\Resource\Entry $entry */
35        $entry = $node->getEntry();
36
37        return $entry->getContentType()->getId() === 'blogPost';
38    }
39
40    /**
41     * This method is supposed to transform a node object into a string
42     */
43    public function render(RendererInterface $renderer, NodeInterface $node, array $context = []): string
44    {
45        /** @var \Contentful\Delivery\Resource\Entry $entry */
46        $entry = $node->getEntry();
47
48        return \sprintf(
49            '<a href="%s">%s</a>',
50            $this->urlGenerator->generate('blogPost', ['slug' => $entry->get('slug')]),
51            $entry->get('title')
52        );
53    }
54}
55
56// ...
57$renderer = new \Contentful\RichText\Renderer();
58
59// $urlGenerator is something specific to your application,
60// it can be for instance of Symfony\Component\Routing\Generator\UrlGeneratorInterface
61// if you're in a Symfony application
62$blogPostEntryHyperlink = new BlogPostEntryHyperlink($urlGenerator);
63$renderer->pushNodeRenderer($blogPostEntryHyperlink);
64
65
66$entry = $client->getEntry($entryId);
67// Optionally, you can pass a context array as second parameter of the render method,
68// which will be passed down to all node renderers in their "render" methods.
69$output = $renderer->render($entry->get('body'));

For more about extending the renderer, and how to integrate it with Twig or Plates, take a look at the library’s README.

Customizing the parsing

A less common yet still useful use case is to customize the parsing of rich text, that is, the process of converting the raw API response structured as a nested PHP array into a graph of Contentful\RichText\Node\NodeInterface objects. The Delivery client library automatically creates an instance of the Contentful\RichText\NodeParser class, and you can access it using $client->getNodeParser(); the most common use case is to define custom node mappers.

1use Contentful\Core\Api\LinkResolverInterface;
2use Contentful\RichText\ParserInterface;
3use Contentful\RichText\Node\NodeInterface;
4use Contentful\RichText\NodeMapper\NodeMapperInterface;
5
6class CustomNodeMapper implements NodeMapperInterface
7{
8    public function map(ParserInterface $parser, LinkResolverInterface $linkResolver, array $data): NodeInterface
9    {
10        // CustomNode can be any class which implements NodeInterface
11        return new CustomNode($data);
12    }
13}
14
15// ...
16
17$parser = $client->getNodeParser();
18$parser->setNodeMapper('text', new CustomNodeMapper());

In the example above, all nodes with "nodeType": "text" will be forwarded to the custom node mapper instead of the default one.