👉 Visit the DatoCMS homepage or see What is DatoCMS?

structured-text

Monorepo with Typescript libraries for handling and rendering DatoCMS Structured Text documents.

Packages

Official

• html-to-structured-text
  • Convert HTML (or Hast syntax tree) to a valid Structured Text document.
• datocms-structured-text-utils
  • A set of Typescript types and helpers to work with DatoCMS Structured Text fields.
• datocms-structured-text-to-plain-text
  • Plain text renderer for the Structured Text document.
• datocms-structured-text-to-html-string
  • HTML renderer for the DatoCMS Structured Text field type.
• <StructuredText />
  • React component that you can use to render Structured Text documents.
• <datocms-structured-text />
  • Vue component that you can use to render Structured Text documents.
• datocms-structured-text-to-dom-nodes
  • DOM nodes renderer for the DatoCMS Structured Text field type. To be used inside the browser, as it expects to find document.createElement.
• datocms-contentful-to-structured-text
  • Convert Contentful Rich Text to a valid Structured Text document.

About Structured Text

• Introduction
• Structured Text format
• Migrating to Structured Text
• Fetching Structured Text using DatoCMS GraphQL API
• Creating Structured Text fields using DatoCMS Rest API
• Creating records with Structured Text fields using DatoCMS Rest API

License

This repository is published under the MIT license.

---

What is DatoCMS?

DatoCMS is the REST & GraphQL Headless CMS for the modern web.

Trusted by over 25,000 enterprise businesses, agency partners, and individuals across the world, DatoCMS users create online content at scale from a central hub and distribute it via API. We ❤️ our developers, content editors and marketers!

Quick links:

• ⚡️ Get started with a free DatoCMS account
• 🔖 Go through the docs
• ⚙️ Get support from us and the community
• 🆕 Stay up to date on new features and fixes on the changelog

Our featured repos:

• datocms/react-datocms: React helper components for images, Structured Text rendering, and more
• datocms/js-rest-api-clients: Node and browser JavaScript clients for updating and administering your content. For frontend fetches, we recommend using our GraphQL Content Delivery API instead.
• datocms/cli: Command-line interface that includes our Contentful importer and Wordpress importer
• datocms/plugins: Example plugins we've made that extend the editor/admin dashboard
• datocms/gatsby-source-datocms: Our Gatsby source plugin to pull data from DatoCMS
• Frontend examples in different frameworks: Next.js, Vue and Nuxt, Svelte and SvelteKit, Astro, Remix. See all our starter templates.

Or see all our public repos