rich-text-editor.md

description
This page describes rich text editor integration

Rich Text Editor

{% hint style="success" %} Rich Text Editor integration {% endhint %}

{% code title="schema.json" %}

{
  "title": "Example for rendering rich text editor component",
  "description": "A simple form with rich text editor component",
  "type": "object",
  "properties": {
    "bio": {
      "type": "string",
      "title": "Bio"
    },
  }
}

{% endcode %}

{% code title="uiSchema.json" %}

{
 "bio": {
   "ui:widget": "textarea",
   "ui:options": "rich-text-editor"
  },
}

{% endcode %}

{% code title="formData.json" %}

{
  "bio": "<p><u>ads</u></p><p><strong>Something nice</strong></p><p><em>Nice italic</em></p><ul><li>Some normal text</li></ul>",
}

{% endcode %}