More Premium Hugo Themes Premium Vue Themes

Contentful Rich Text Vue Renderer

Render Contentful Rich Text field using Vue

Contentful Rich Text Vue Renderer

Render Contentful Rich Text field using Vue

Author Avatar Theme by paramander
Github Stars Github Stars: 41
Last Commit Last Commit: Jan 9, 2026 -
First Commit Created: Dec 18, 2023 -
Contentful Rich Text Vue Renderer screenshot

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.