AiEditor
AiEditor Team · Programação · Produtividade
O AiEditor é um editor de texto rico com IA e código aberto para produtos web. Escreve, reescreve, traduz e conversa dentro do documento, e instala com um comando npm.
Sobre AiEditor
About
O que é o AiEditor
O AiEditor é um editor de texto rico feito para produtos de IA. Roda como Web Component, então entra em projetos Vue, React, Angular, Svelte, Layui ou JavaScript puro. Também vira um editor de documentos com IA assim que você conecta um modelo. A proposta é direta: nada de janela de chat ao lado do texto, as ações ficam no documento. Você seleciona um parágrafo, pede uma reescrita e decide se aceita.
O núcleo dá conta da parte chata. Títulos, tabelas, blocos de código, fórmulas, imagens, áudio, vídeo e anexos vêm de fábrica, com temas claro e escuro, layout mobile e interface bilíngue. Os uploads passam pelo seu próprio handler, então os arquivos ficam no seu storage e não no de outra pessoa.
Os limites vêm primeiro. O editor de texto rico de código aberto usa licença LGPL-2.1, que libera uso comercial para quem segue os termos. Paginação, colaboração em tempo real e comparação de documentos ficam no pacote Pro pago. Formatação de documento oficial, com cabeçalho vermelho, selos e layout fixo, exige a edição oficial. Uma equipe pequena que só quer uma superfície de escrita não sente falta. Quem monta revisão de contrato ou coedição sente.
Primeiros passos
- Instale o pacote com
npm install aieditore importe a folha de estilos. - Crie uma instância em um elemento contêiner e defina placeholder, tema e conteúdo inicial.
- Conecte a IA: aponte o editor para um endpoint compatível com OpenAI ou escreva seu próprio serviço de geração.
- Ligue os uploads ao seu storage, escolha os botões da barra e publique.
Informações do produto
Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de AiEditor.
Ideal para
Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.
Usuários
- Desenvolvedores frontend que precisam de um editor com ganchos de IA
- Times de produto que lançam um editor de escrita com IA
- Times de documentos em empresas com contratos e relatórios
Tarefas
- Escrever textos de marketing ou material de curso
- Limpar um rascunho
- Colocar um editor integrável num CMS, OA ou CRM
Cenários
- Montar uma base de conhecimento interna
- Traduzir conteúdo para vários mercados
- Preparar um relatório que várias pessoas vão marcar
Principais recursos
Ações de IA dentro do documento
Selecione um texto e o menu flutuante oferece continuar, ampliar, encurtar, polir, traduzir ou perguntar. As respostas chegam em streaming e você pode parar a geração, repetir, copiar, inserir no cursor ou substituir a seleção. Com prompts próprios e entradas extras no menu, você mostra só o que seus usuários vão usar.
Seu próprio modelo
O AiEditor não traz modelo. Você conecta um endpoint compatível com OpenAI ou implementa o serviço de geração, e assim chaves, logs de auditoria e roteamento ficam sob seu controle. Para um time que não pode mandar texto de cliente para qualquer fornecedor, isso pesa.
Chat com contexto do documento
O painel de IA trabalha com o documento inteiro, com a seleção atual ou sem contexto. Perguntas de acompanhamento mantêm o fio, então quem escreve insiste num parágrafo sem repetir o pedido. Funciona como um revisor sentado no arquivo.
Integração independente de framework
O editor é um Web Component. Projetos Vue, React, Angular, Svelte, Layui e JavaScript puro montam do mesmo jeito, e o modelo de conteúdo não muda entre desktop e celular. Quando o stack do frontend mudar, você não reescreve a integração.
Conteúdo estruturado que aguenta reuso
Títulos, listas, tabelas, blocos de código, fórmulas, menções e mídia são nós de verdade, não sopa de HTML. O JSON do Tiptap sustenta o modelo, os IDs de bloco ficam estáveis e o Markdown colado converte limpo. O conteúdo sobrevive à exportação, à busca e a uma edição posterior.
Interface configurável
Três barras (clássica, compacta e ribbon), modo escuro, modo somente leitura, tela cheia e interface bilíngue vêm no núcleo. Menus, uploaders e extensões são configuráveis, então o mesmo pacote pode parecer uma caixa de comentário mínima ou um espaço de trabalho completo.
Prós e contras
Prós
- Núcleo aberto em LGPL-2.1: dá para ler o código e usar em produtos comerciais.
- As funções de IA rodam no seu modelo e nos seus prompts, o que deixa tratamento de dados e custo previsíveis.
- Funciona nos principais frameworks frontend sem biblioteca de wrapper.
- Bom modelo de documento: tabelas, código, fórmulas, mídia e IDs de bloco estáveis.
Contras
- O painel de IA fica mudo até você conectar um modelo, então a montagem leva mais tempo do que um app de escrita hospedado.
- Paginação, colaboração ao vivo e comparação de documentos exigem o pacote Pro pago.
- A documentação foi pensada primeiro em chinês, então quem lê em inglês encontra páginas rasas nas opções avançadas.
Perguntas frequentes
Sim. O editor núcleo é de código aberto em LGPL-2.1 e sai de graça em projetos pessoais e comerciais que respeitem a licença. Pro e a edição de documento oficial são complementos pagos.
Conteúdo relacionado
Explore ferramentas, skills e artigos relacionados a AiEditor.
Alternativas a AiEditor
Base Code
Base44 (Wix) · Programação · ProdutividadeO Base Code é um ambiente de desenvolvimento em nuvem compartilhado da Base44. O time descreve mudanças em um repositório do GitHub pelo chat, confere tudo na prévia e envia o resultado como pull request.
Google EmbeddingGemma 2
Google DeepMind · Escrita · Imagem · ProgramaçãoGoogle EmbeddingGemma 2 é um modelo aberto de 740 milhões de parâmetros que transforma texto, código, imagens, áudio e quadros de vídeo em vetores de um único espaço de 768 dimensões, rodando em celulares e notebooks.
GitGlow
GitGlow · Programação · ProdutividadeO GitGlow é um cliente Git de desktop que coloca seu código e as mudanças dos seus agentes de IA na mesma revisão, para você saber o que vai sair da máquina antes de publicar.