Componha no editor
Insira blocos permitidos, edite texto e reorganize a estrutura sem sair da tela do host.

Integre dados e regras do seu produto a um editor rico, personalizável e pronto para gerar relatórios profissionais.
Passe o mouse, toque ou use Tab e as setas para trazer uma etapa ao primeiro plano.
EditorO usuário compõe o documento dentro do fluxo do seu produto.
A RhizzaDocs entra no ponto exato em que o trabalho documental começa. Seu host preserva autenticação, navegação e contexto; o widget recebe somente o necessário para abrir aquela sessão.
const token = await seuBackend.editorToken()
const reportType = "acme.relatorio-mensal"
const data = await carregarDadosDoRelatorio()Tipos de relatório, blocos, DataViews, temas e modelos são definidos por contratos declarativos versionados. O núcleo continua genérico: o JSON descreve estrutura e layout, mas nunca executa código.
Visão real do editor com a organização dos blocos aberta.

Editor, prévia e PDF partem da mesma árvore de documento e do mesmo motor de renderização. O que muda é o momento do trabalho — não a fonte da verdade.
Insira blocos permitidos, edite texto e reorganize a estrutura sem sair da tela do host.

Aplique o padrão da empresa ou salve uma composição própria, mantendo dados concretos fora do modelo.

Escolha o tema e confira como o documento chega às páginas antes de solicitar a exportação.

Regras sensíveis permanecem no backend e a exportação pode exigir confirmação antes de gerar o PDF.

A experiência foi dividida na fronteira certa: o host conhece o negócio; a RhizzaDocs cuida da composição, da revisão e da saída.
Texto rico, blocos declarativos, imagens e reorganização do documento no mesmo espaço de trabalho.
A empresa define um ponto de partida e o usuário salva variações sem misturar valores concretos dos dados.
A aparência do relatório muda sem alterar a estrutura editável nem as regras recebidas do host.
A revisão mostra a saída em páginas antes da exportação, com o mesmo motor que prepara o documento.
Com uma chave de documento, o trabalho pode ser restaurado e salvo automaticamente no fluxo do produto.
A exportação congela um snapshot explícito e mantém regras sensíveis fora do navegador.
A integração não duplica o login do seu produto nem leva credenciais permanentes para o cliente. Autorização, isolamento entre empresas, uploads e exportação pertencem ao backend.
Entender a arquiteturaCrie o client uma vez, entregue-o pelo provider e abra cada documento com o token, o tipo de relatório e os dados daquela sessão.
Abrir documentaçãoimport { useMemo } from "react";
import {
createReportClient,
ReportEditor,
ReportSdkProvider,
type ReportEditorProps,
} from "@rhizzalab/report-react";
type Props = {
token: string;
data: ReportEditorProps["data"];
};
export function ReportScreen({ token, data }: Props) {
const client = useMemo(() => createReportClient(), []);
return (
<ReportSdkProvider client={client}>
<ReportEditor
token={token}
reportType="acme.relatorio-mensal"
data={data}
/>
</ReportSdkProvider>
);
}Comece pela documentação ou crie uma conta para configurar a integração do seu produto.