Generative rich text editor

This content field extension replaces the built in rich text editor with a customizable editor that features embeddable content items, enhanced markdown support and a ChatGPT powered AI assistant.

The AI assistant helps improve your content production and editing workflow, and lets you generate and edit content using natural language. You might want to use it to get some inspiration to start a blog post, for example, or to rewrite text in a different style, or shorten text to match a word count, there are many possible uses.

Labs preview

The AI assistant feature of the Generative rich text editor extension is classified as an Amplience labs preview for you to evaluate and provide feedback. It's provided as is and is unsupported. Each time you use the generate text button you'll use one Amplience credit. Your organization is provided with a bundle of free credits to make it easy to get started with our AI services.

Using the Generative rich text editor extension

When you create some content that uses the extension, the "AI Assistant" button is shown in toolbar as highlighted in the image below. When clicking the button, the AI Assistant dialog is shown and from here you can enter a natural language prompt which is sent to ChatGPT.

In this example we're asking the assistant to write a blog post about hats. We can then use this text as a starting point for our own blog.

A blog called "The history of hats" is generated and added to the rich text field in the content form. When you select some text you'll notice some shortcuts at the bottom of the text field. You can choose a shortcut to improve, shorten or expand the selected text.

You can also enter your own prompt to rewrite the post in a certain number of characters or a certain style, for example. You can also add your own shortcuts.

If you run out of credits when using the Generative rich text editor or Image alt text generator, you'll still be able to use all the rest of the functionality of the extension and enter text yourself, you just won't be able to use the AI features to generate the text.

Schema examples

To make it easier to use the Generative rich text editor extension in your own schemas we've included some schema examples to help get you started.

There are two schema examples included: one that uses a registered extension and one that includes the extension URL directly in the schema. In most cases you will want to register the extension so that you do not have to specify the installation parameters each time you use it in a schema.

Schema example using a registered extension

In order to use this schema you will need to register the extension using the following details:

• Category: Content field extension
• Name: rich-text-extension (if you use a different name you will need to change the name in the example schema)
• URL: https://rich-text.extensions.content.amplience.net
• Initial height: 500

Permissions

In the permissions section set the "allowSameOrigin" sandbox permission.

Installation parameters

In the installation parameters you can choose to set the language as "markdown" or "json". The example schema is set up to use markdown so include the following in the installation params section:

{
  "language": "markdown"
}

Example schema

The schema example using the registered extension is shown below.

{
   "$schema":"http://json-schema.org/draft-07/schema#",
   "$id":"https://schema-examples.com/generative-rich-text-editor",
   "$comment":"Docs: https://amplience.com/developers/docs/ai-services/generative-rich-text-editor/#schema-examples",
   "title":"Generative rich text editor extension example",
   "description":"Demonstrates how to use the generative rich text editor extension when it has been registered",
   "allOf":[
      {
         "$ref":"http://bigcontent.io/cms/schema/v1/core#/definitions/content"
      }
   ],
   "type":"object",
   "properties":{
      "text":{
         "title":"Some text",
         "description":"some text",
         "type":"string",
         "minLength":0,
         "maxLength":32000,
         "ui:extension":{
            "name":"rich-text-extension"
         }
      }
   },
   "propertyOrder":[

   ]
}

Schema using the extension URL

This schema example shows how to include the extension in the schema using its URL. Note that if you are using your own OpenAPI account you will need to include your OpenAI API key in the tools section:

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "$id": "https://schema-examples.com/generative-rich-text-editor-url",
  "$comment": "Docs: https://amplience.com/developers/docs/ai-services/generative-rich-text-editor/#schema-examples",
  "title": "Generative rich text editor extension example",
  "description": "Demonstrates how to use the generative rich text editor extension without registering it",
  "allOf": [
    {
      "$ref": "http://bigcontent.io/cms/schema/v1/core#/definitions/content"
    }
  ],
  "type": "object",
  "properties": {
    "text": {
      "title": "Markdown text",
      "description": "Markdown text",
      "type": "string",
      "minLength": 0,
      "maxLength": 32000,
      "ui:extension": {
        "url": "https://rich-text.extensions.content.amplience.net",
        "params": {
          "language": "markdown"
        }
      }
    }
  },
  "propertyOrder": []
}

You can also find more details about configuring the extension on GitHub.

Using your own OpenAI account

You can use your own OpenAI account rather than Amplience credits. You'll need to create an API key and add it to installation parameters for the extension. See Generative rich text extension configuration on the GitHub repo for more details.

note

ChatGPT is not affiliated with Amplience and therefore any impact to ChatGPT services such as updates, busy periods, or outages are outside of Amplience control. By using this feature, you are solely responsible for ensuring that AI generated content complies with internal company policies, applicable laws and OpenAI's Terms.

Troubleshooting

The AI assistant dialog is not opened when you click the icon

• Check that your OpenAI API Key has been added to the extensions's installation parameters for a registered extension, or in the parameters section of the property of the schema that uses the extension. See the Generative rich text extension configuration for full details.

• Verify that your OpenAI key has sufficient credit. You may need to open a paid OpenAI account to ensure that you have sufficient credits to continue to make requests.

Related pages

Extensions overview

Registering extensions

Schema examples

GitHub repository