O que o visualizador roda, e o que não roda
HTML, CSS numa tag <style> e JavaScript numa tag <script> rodam do mesmo jeito que rodariam num site, então um botão, um formulário ou uma pequena calculadora funcionam na prévia. Bibliotecas que a página carrega das CDNs públicas mais usadas, como cdnjs, jsDelivr, unpkg ou a do Tailwind, também carregam. A página roda num quadro isolado, em outro endereço: ela não consegue ler o solta.now, os seus cookies nem as suas contas, e não consegue levar esta janela para outro lugar.
Três coisas aparecem diferente aqui:
- Arquivos ao lado. Uma página que carrega
style.css, imagens ou um CSV da própria pasta não encontra nada, porque esses arquivos continuam no seu computador. Envie a pasta inteira pela caixa da página inicial, em Enviar arquivos, e eles sobem junto. - React do Claude ou do ChatGPT. Um componente que começa com linhas
importfica em branco em qualquer visualizador de HTML simples, porque antes precisa ser transformado em página: por que um artefato React abre em branco (em inglês). Cole o código na caixa da página inicial, e o Solta transforma em página quando publica, como explica hospedar um artefato do Claude (em inglês). - Dados salvos no navegador. O que uma página guarda com
localStoragedura até a prévia ser redesenhada. Depois de publicada, a página guarda esses dados no navegador de quem visita.
O visualizador abre só HTML. Para um PDF, use Transformar PDF em link.
Abrir arquivo HTML do seu computador
Aperte Abrir arquivo e escolha o arquivo .html, de até 2 MB. O visualizador lê o arquivo no seu próprio computador, mostra o código à esquerda e desenha a página à direita. Assim você lê o que diz um arquivo HTML que alguém te mandou, e vê o que ele faz, sem abrir o arquivo direto do disco.
Se a página carrega imagens ou uma folha de estilo que ficam ao lado dela, envie a pasta inteira pela caixa da página inicial, para esses arquivos irem junto.
Da prévia ao link: de HTML para site em três passos
- Cole o código, ou abra o arquivo. Copie o código que a sua IA escreveu, ou aperte Abrir arquivo e escolha o arquivo
.html. A prévia se redesenha enquanto você digita. Uma página com as imagens e a folha de estilo ao lado é uma pasta: solte a pasta na caixa da página inicial. - Confira no computador e no celular. Mude para Celular para ver a página com 390 pixels de largura, mais ou menos a de um celular, onde a maioria dos links enviados numa conversa é aberta.
- Publique com o botão Solta e envie o link. O botão Solta, embaixo do código, publica a página. Ela entra no ar no próprio endereço e abre sem conta.
Sem conta, ela fica no ar por 24 horas. Para mantê-la, guarde o site pelo cartão que mostra o endereço: você entra, ou cria uma conta, e ele continua no mesmo endereço. Depois escolha quem pode abrir. Público, não listado ou privado, em todos os planos; com senha, em todos os planos, e o Free tem 1 site com senha por vez. Veja o que uma senha protege numa página (em inglês).
Antes de ir ao ar, o Solta verifica o código e recusa uma página com uma chave de API, um token de acesso ou uma chave privada escrita nela, porque qualquer pessoa que abrisse a página poderia ler.
O seu HTML sai do Claude ou do ChatGPT? Publique direto do chat (em inglês), e o link volta para a conversa.
Perguntas
Meu código é enviado quando eu colo?
Não. A página roda no seu navegador, num quadro isolado que não consegue ler o solta.now, os seus cookies nem as suas contas. Nada é enviado ao Solta até você apertar o botão Solta para publicar.
O JavaScript roda na prévia?
Sim. Scripts numa tag <script>, onclick e afins rodam como num site, então botões, abas e pequenas calculadoras funcionam. A prévia segue as mesmas regras de uma página publicada no Solta, então o que funciona aqui funciona no link.
Posso abrir um arquivo .html do meu computador?
Sim. Abrir arquivo lê um arquivo .html de até 2 MB no visualizador, no seu próprio computador. Se a página carrega imagens ou uma folha de estilo que ficam ao lado dela, envie a pasta inteira pela caixa da página inicial do Solta, para esses arquivos irem junto.
Consigo ler o código de um arquivo HTML que alguém me mandou?
Sim. Abrir arquivo mostra o código HTML à esquerda e desenha a página à direita, então você lê o que o arquivo diz e vê o que ele faz sem abrir direto do disco.
Posso testar um código HTML aqui antes de enviar?
Sim. Edite o código e a página se redesenha enquanto você digita. Mude para Celular para ver na largura de um celular, onde a maioria dos links enviados numa conversa é aberta.
Por que a minha página do Claude ou do ChatGPT fica em branco?
Um componente React, daqueles que começam com linhas import, precisa ser transformado em página antes que qualquer navegador consiga mostrá-lo. Por isso ele fica em branco neste visualizador e em qualquer outro visualizador simples. Cole o código na caixa da página inicial do Solta: o Solta transforma em página quando publica.
Por quanto tempo o link fica no ar?
Um site sem conta fica no ar por 24 horas. Para mantê-lo, guarde o site pelo cartão que mostra o endereço: você entra, ou cria uma conta, e ele continua no mesmo endereço.
Posso colocar uma senha?
Sim, depois de guardar o site. Público, não listado ou privado, em todos os planos; com senha, em todos os planos, e o Free tem 1 site com senha por vez.
Por que o Solta não publica a minha página?
Antes de uma página ir ao ar, o Solta verifica o código e recusa uma página com uma chave de API, um token de acesso ou uma chave privada escrita nela, porque qualquer pessoa que abrisse a página poderia ler. Tire a chave e aperte o botão Solta de novo.