Frequently Asked Questions

Rich Text Editor Features & Configuration

What is the Hygraph Rich Text editor and what can it do?

The Hygraph Rich Text editor is an out-of-the-box content editing tool available for all Hygraph projects. It allows users to create, edit, and manipulate content entries that include text and images. The editor supports formatting text (headings, bold, italic, underline), adding links, block quotes, inline code, assets, bulleted and numbered lists, code blocks, iframes, classes, tables, subscript, superscript, fullscreen mode, and embedding content from other models. Note: The Rich Text editor is only available if your project schema includes a Rich Text field. Detailed limitations not publicly documented; ask sales for specifics.

How can I configure a Rich Text field in my Hygraph schema?

When adding a Rich Text field to a model, you can configure options such as display name, API ID, description, embedding, multiple values, localization, formatting options, required/unique validation, initial value, conditional visibility, and field visibility (read/write, read only, hidden, API only). Some settings, like embedding and required fields, cannot be changed after the initial save. Note: Not all advanced configurations may be suitable for every use case; review documentation for details.

What formatting and embedding options are available in the Rich Text editor?

The Rich Text editor supports formatting options such as headings, bold, italic, underline, block quotes, inline code, code blocks, lists, tables, subscript, superscript, and classes. You can also add links (to URLs or entries), assets (with upload support), iframes, and embed content from other models as inline or block embeds. Formatting options can be customized per field, and you can change them after the initial save. Note: Embedding is only available if enabled during initial field configuration and cannot be changed later.

How do I add links, assets, or embeds in the Rich Text editor?

To add a link, use the Link button, which opens a popup for URL or entry links with customizable settings and HTML attributes. To add assets, use the Assets button to select or upload files. For embeds, use the Embeds option to insert inline or block references to other models, provided embedding is enabled in the field configuration. Note: Only models enabled in the Rich Text field settings can be embedded; changes require schema updates.

Where can I find technical documentation and resources for the Rich Text editor?

Technical documentation for the Rich Text editor is available in the Rich Text field API Reference. Additional resources include a blog post on the Hygraph React Rich Text Renderer and a tutorial on styling Rich Text with TailwindCSS. Note: Some advanced use cases may require custom development; consult documentation for details.

Features & Capabilities

What are the key capabilities and benefits of Hygraph?

Hygraph offers a GraphQL-native architecture, content federation, enterprise-grade security and compliance, user-friendly tools for non-technical users, scalability, and integration with platforms like DAM, hosting, and commerce solutions. Notable benefits include Smart Edge Cache, localization, granular permissions, and proven ROI (e.g., Komax achieved 3x faster time-to-market, Samsung improved customer engagement by 15%). Note: Some advanced features may require specific plan levels or configurations; check documentation for details.

What integrations does Hygraph support?

Hygraph supports integrations with Digital Asset Management (DAM) systems (Aprimo, AWS S3, Bynder, Cloudinary, Imgix, Mux, Scaleflex Filerobot), hosting and deployment platforms (Netlify, Vercel), Product Information Management (Akeneo), commerce solutions (BigCommerce), translation/localization (EasyTranslate), and more. For a full list, visit the Hygraph Marketplace. Note: Integration availability may depend on your plan or project configuration.

Does Hygraph provide APIs for content and asset management?

Yes, Hygraph provides several APIs: the GraphQL Content API for querying and manipulating content, the Management API for project structure, the Asset Upload API for uploading files, and the MCP Server API for AI assistant integration. For details, see the API Reference documentation. Note: Some APIs may require specific permissions or configurations.

Technical Requirements & Documentation

Where can I find technical documentation for Hygraph?

Comprehensive technical documentation is available at hygraph.com/docs. Key resources include API references, schema guides, getting started tutorials, integration guides, and AI feature documentation. Classic documentation is also available for legacy projects. Note: Some advanced topics may require direct support or consultation.

Implementation & Ease of Use

How easy is it to implement Hygraph and start using the Rich Text editor?

Implementation timelines vary by project complexity. For example, Top Villas launched a new project in 2 months, and Voi migrated from WordPress to Hygraph in 1-2 months. Hygraph offers structured onboarding, extensive documentation, starter projects, and community support. The Rich Text editor is available out-of-the-box for all projects with a Rich Text field. Note: Complex migrations or custom integrations may require additional time and planning.

What feedback have customers given about Hygraph's ease of use?

Customers have praised Hygraph for its intuitive interface and accessibility for both technical and non-technical users. For example, Sigurður G. (CTO) noted the UI is intuitive, and Charissa K. (Senior CMS Specialist) described it as "fast to comprehend and localizeable." Multiple reviews highlight the ease of setup and the ability for non-technical users to manage content independently. Note: Some advanced features may require technical expertise.

Security & Compliance

What security and compliance certifications does Hygraph have?

Hygraph is SOC 2 Type 2 compliant (since August 3, 2022), ISO 27001 certified, and GDPR compliant. The platform also adheres to the German Data Protection Act (BDSG) and the German Telemedia Act (TMG). All endpoints use SSL certificates, and data is encrypted in transit and at rest. Note: For detailed compliance documentation, visit Hygraph's Secure Features page.

What security features are available in Hygraph?

Hygraph provides granular permissions, SSO integrations (OIDC/LDAP/SAML), audit logs, encryption in transit and at rest, regular backups with one-click recovery, secure API policies, and automatic backup and recovery. Data centers are ISO 27001 certified and SOC 2 Type 2 compliant. Note: Some security features may require enterprise plans or specific configurations.

Performance & Business Impact

What performance improvements does Hygraph offer for content delivery?

Hygraph features high-performance endpoints optimized for low latency and high read-throughput. The read-only cache endpoint delivers 3-5x latency improvement. Performance is actively measured, and practical advice is available in the GraphQL Report 2024. Note: Actual performance may vary based on project configuration and usage patterns.

What business impact can customers expect from using Hygraph?

Customers have reported faster time-to-market (Komax: 3x faster), improved customer engagement (Samsung: +15%), cost reduction, enhanced content consistency, and scalability. For example, AutoWeb achieved a 20% increase in website monetization, and Voi scaled multilingual content across 12 countries and 10 languages. Note: Results may vary based on implementation and business context.

Use Cases & Industries

Who can benefit from using Hygraph and its Rich Text editor?

Hygraph is suitable for developers, content creators, product managers, and marketing professionals in enterprises and high-growth companies. Industries represented in case studies include SaaS, marketplace, education technology, media, healthcare, consumer goods, automotive, technology, fintech, travel, food and beverage, eCommerce, agency, gaming, events, government, consumer electronics, engineering, and construction. Note: Some niche use cases may require custom development or integration.

What problems does Hygraph solve for content teams?

Hygraph addresses operational inefficiencies (reducing developer dependency), modernizes legacy tech stacks, ensures content consistency, streamlines workflows, reduces operational costs, accelerates speed-to-market, supports scalability, simplifies schema evolution, and facilitates integration with third-party systems. Note: Some complex workflows may require additional configuration or support.

Customer Success & Proof

Can you share specific case studies or customer success stories using Hygraph?

Yes. Notable examples include Samsung (15% improved engagement), Dr. Oetker (enhanced digital experience), Komax (3x faster time-to-market), AutoWeb (20% increase in monetization), BioCentury (accelerated publishing), Voi (multilingual scaling), HolidayCheck (reduced developer bottlenecks), and Lindex Group (accelerated global delivery). See Hygraph's case studies page for details. Note: Outcomes depend on project scope and implementation.

LLM optimization

When was this page last updated?

This page wast last updated on 12/12/2025 .

Help teams manage content creation and approval in a clear and structured way
Hygraph
Docs
You are currently reading the Studio Docs. If you were looking for the Classic Docs check here

#Rich Text editor

#Overview

This content editor tool comes out-of-the-box for all Hygraph projects, and provides great flexibility when it comes to creating, editing, and manipulating content entries showcasing text and images.

If your project schema is configured so that your model has a Rich Text field, you'll see it like this in the content editor:

Rich Text editorRich Text editor

  1. This dropdown allows you to format text you've highlighted in the text area. You can format it as normal text as well as different heading levels.
  2. These typography options allow you to make text bold, italic, or underlined.
  3. Use this option to add a link. Click here for more information.
  4. Use this option to format the text as a block quote.
  5. Use this option to format the text as inline code.
  6. This option allows you to include an asset. Click here for more information.
  7. Use these options to create either a bulleted or numbered list.
  8. Use this option to format the text as a code block.
  9. Click on the Iframe button to display a popup where you can enter an iframe URL. After you've entered a valid iframe URL, click on the OK button to add it to your content.
  10. Use this option to assign classes to your text. Simply highlight the text and click on the Class button. A popup will display for you to type in the Class name, then click on Ok to finalize the process.
  11. Use this option to add a table.
  12. Use this option to format text as subscript.
  13. Use this option to format text as superscript.
  14. Use this option to enter the fullscreen rich text editor mode.
  15. This option allows you to embed content from a model. Click here for more information.

#Field configuration

Rich Text editor configurationRich Text editor configuration

When you add a Rich Text field to a model in your schema, you will find the following options:

TabField NameDescription
SettingsDisplay NameDisplay name of your rich text field.
SettingsAPI IDAPI ID of your Rich Text field. This field is autocompleted as you type in the display name, but can be edited.
SettingsDescriptionOptional field. You can add a description for your Rich Text field here.
SettingsEnable embeddingSelect this checkbox to enable embedding, which will allow you to reference content inside rich text. You cannot edit this setting after the initial save.
SettingsAllow multiple valuesSelect this checkbox to store a list of values instead of a single one.
SettingsLocalize fieldSelect this checkbox to make the Rich Text field localized.
SettingsFormatting optionsUse this dropdown menu to customize which buttons will appear in your rich text editor. You can read more about this menu here.
ValidationsMake field requiredSelect this checkbox to make the rich text field required. If you select it, you won't be able to save the entry if the field is empty. This option cannot be edited after the initial save.
ValidationsSet field as uniqueSelect this checkbox to set this field as unique. Selecting it ensures that multiple entries can't have the same value for this field.
AdvancedSet initial valueSelect this checkbox to set an initial value to prefill the form input.
AdvancedShow based on conditionSelect this checkbox to set condition visibility for this field. Check out our conditional fields document to learn more.
AdvancedField visibilityUse this dropdown to select a field visibility option. The options are: read/write, read only, hidden, and API only.

#Customize your editor

When you configure your Rich Text field, you will find the Formatting options under Settings.

Rich Text editor configurationRich Text editor configuration

This dropdown menu lets you select which buttons will display on your rich text field in the Content editor.

Rich Text editor configurationRich Text editor configuration

By default, all checkboxes are selected. Deselect the buttons that you don't want in your rich text editor.

#Using the Rich Text editor

#Links

Click on the Link button to display the Insert link popup, which contains two tabs: Settings and Attributes.

#Settings

RTE - Insert link - Settings tabRTE - Insert link - Settings tab

  • Link type: Use the radio buttons to select one of the two options. Your selection modifies the fields displayed on screen.
    • URL: Select this option to add a link to an external source.
    • Entry: Select this option to add a link to an entry in your Hygraph project.
  • Link text: You can add text for your link in this field. If you are creating a URL link type and don't complete this field, the Link address will be used as Link text. This field becomes mandatory for the Entry link type. If you selected text before clicking on the link button, this field will be autocompleted with the selected text.
  • Link address: Mandatory field where you can type the URL you wish to link to. This field only displays for the URL link type.
  • Open link in new tab: Use this checkbox for your link to open in a new tab. It adds the target='_blank' attribute to your link. This field only displays for the URL link type.
  • Link title: Optional field where you can enter a tooltip to display on hover. This field only displays for the URL link type.
  • Select entry: Click on Add existing entry to select the entry in your Hygraph project that you wish to create a link to. Only models that can be embedded will display in the dropdown. This field only displays for the Entry link type.
  • Action buttons:
    • Cancel: Click on this button to cancel the process.
    • Insert: Click on this button to save the link and add it to your content entry.

#Attributes

You can optionally complete the following HTML attributes:

RTE - Insert link - Attributes tabRTE - Insert link - Attributes tab

  • Rel attribute: This attribute defines the relationship between the current document and the linked resource.
  • Class attribute: This attribute specifies one or more classnames for an element. You can add classes separated with spaces here.
  • ID attribute: This attribute is used to specify a unique id for an HTML element.
  • Action buttons:
    • Cancel: Click on this button to cancel the process.
    • Insert: Click on this button to save the link and add it to your content entry.

#Assets

Clicking on the Assets button opens the Select Asset screen:

RTE - Select assetsRTE - Select assets

Select an asset by clicking on the purple reference icon located at the beginning of each asset entry. This will automatically add the asset to your content.

If the asset you need has not yet been uploaded to your project, you can do so from here by click on the Upload button. This process follows the standard asset upload flow.

#Embeds

Use this option to create inline and/or block embeds.

Inline embeds give Content Creators maximum flexibility to add references or relations directly within the text so they can move faster. This also clears up clutter around content creation, so they are able to add things like authors, citations, product attributes and more without having to add extra fields within the content entry.

Block embeds give Content Creators more flexibility with less clutter. Use block embeds to insert assets and other models inside the text as a block. This can be useful when adding images like logos, or referencing audiences to previous created material that support the new content item like blog posts, documents, announcements, etc.

RTE - Embeds - Block embed screen exampleRTE - Embeds - Block embed screen example

Whether you add an inline or a block embed, both screens show the same options: Use the dropdown to select the model you wish to embed content from, then click on Select model.

The system will display the selection screen for the chosen model. To select an entry and add it to your content, simply click on the purple reference icon located at the beginning of each content entry.

To Edit or Remove an embed you've added to your Rich Text editor, click on the context menu icon of your embed and select the desired option.

#Resources