Custom widgets for react-jsonschema-form & site-editor integration

App Development Front-end
1

Hi, I’m looking for a way to create complex widgets to be displayed in the site editor panel to be able to carry out a more complex custom application parameter replacement. I’ve tried to integrate a custom widget into the schema of my custom app unsuccessfully. Does anyone know if it is possible? In a practical example, it would be something like this: react-jsonschema-forms custom widget for type=string format=time example - CodeSandbox
I would appreciate any information on the subject. Thanks.

2

Olá,

Você pode usar esse site como exemplo react-jsonschema-form playground para ajudar montar seus schemas.
Schema parecido com o link que você colocou e que pode ser utilizado no Site Editor:

{
  "title": "Custom Widgets",
  "type": "object",
  "properties": {
    "required": [
      "time"
    ],
    "time": {
      "type": "string",
      "format": "time",
      "default": "09:00"
    },
    "selectWidgetOptions": {
      "title": "Custom select widget with options",
      "type": "string",
      "enum": [
        "All-Cloud",
        "Cloud Center of Excellence"
      ]
    }
  }
}
3

Olá João, obrigado por responder, na verdade sei que podem ser criados formulários para o editor do site da forma que você mencionou, mas estes são insuficientes para mim, preciso de algo mais elaborado e complexo que um simples formulário. Se você pudesse criar widgets personalizados semelhantes aos nativos, seria fantástico.
Disso:

imgUrl : {
    title: "Phone Img Url",
    type: "string",
    widget: {
        "ui:widget": "image-uploader",
    },
}

A isto:

myAwesomeCustomParam : {
    title: "My Custom Widget",
    type: "myCustomType",
    widget: {
        "ui:widget": "my-awesome-custom-widget",
    },
}