Contentful Rich Text Vue Renderer screenshot

Contentful Rich Text Vue Renderer

Author Avatar Theme by Paramander
Updated: 9 Jan 2026
41 Stars

Render Contentful Rich Text field using Vue

Categories

Overview

The rich-text-vue-renderer is a Vue 3 renderer specifically designed for the Contentful rich text field type. It is compatible with both Vue 2 and Vue 3 versions.

Features

  • Supports rendering of rich text fields from Contentful
  • Ability to pass custom renderers for both marks and nodes
  • Supports rendering of embedded entries and embedded assets
  • Provides options for rendering different types of blocks, such as paragraphs, headings, lists, quotes, and tables
  • Supports rendering of different types of marks, including bold, italic, underline, code, subscript, and superscript

Installation

To install the rich-text-vue-renderer, you can use either npm or yarn. Here are the commands for both package managers:

Using npm:

npm install rich-text-vue-renderer

Using yarn:

yarn add rich-text-vue-renderer

Summary

The rich-text-vue-renderer is a useful tool for rendering rich text fields from Contentful in a Vue.js application. It provides support for custom renderers, allowing developers to customize the rendering of marks and nodes. With its compatibility with both Vue 2 and Vue 3, it offers flexibility for developers working with different versions of Vue.