{"id":77456,"date":"2024-07-24T08:00:00","date_gmt":"2024-07-24T11:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/?p=76380"},"modified":"2025-09-18T13:44:49","modified_gmt":"2025-09-18T16:44:49","slug":"wysiwyg-what-you-see-is-what-you-get","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/wysiwyg-what-you-see-is-what-you-get\/","title":{"rendered":"WYSIWYG: o que \u00e9, como usar e exemplos"},"content":{"rendered":"

WYSIWYG \u00e9 um tipo de interface com o usu\u00e1rio que permite a cria\u00e7\u00e3o de conte\u00fados e p\u00e1ginas da web sem a necessidade de programar. O que voc\u00ea v\u00ea na tela, por meio de um editor, \u00e9 o resultado final que voc\u00ea vai ter ao publicar o site.<\/strong><\/p>\n

Para criar um site<\/a>, voc\u00ea precisa saber programar, certo? Nem sempre! Se voc\u00ea utilizar editores WYSIWYG, pode criar p\u00e1ginas da web sem escrever uma linha de c\u00f3digo sequer.<\/p>\n

Esse tipo de ferramenta oferece a possibilidade de montar sites por meio de uma interface visual. A l\u00f3gica do \u201cWhat You See Is What You Get\u201d \u00e9 entregar ao usu\u00e1rio, em tempo real, o resultado final que ele visualiza na tela<\/strong>, em vez de ter que abrir outra janela ou imaginar como vai ficar sua renderiza\u00e7\u00e3o.<\/p>\n

Sem precisar de um profissional programador, os softwares de edi\u00e7\u00e3o WYSIWYG permitiram que usu\u00e1rios sem conhecimento espec\u00edfico criassem seus sites. Isso trouxe uma revolu\u00e7\u00e3o para a web.<\/p>\n

Neste artigo, vamos entender melhor o que \u00e9 WYSIWYG<\/strong> e quais as vantagens desses editores. Acompanhe agora!<\/p>\n[post-table-index]\n

O que s\u00e3o editores WYSIWYG?<\/strong><\/h2>\n

Editores WYSIWYG s\u00e3o programas de cria\u00e7\u00e3o de textos e p\u00e1ginas da web que oferecem uma interface visual para a edi\u00e7\u00e3o<\/strong>, de maneira que o usu\u00e1rio consegue visualizar o resultado final enquanto est\u00e1 editando. <\/p>\n

Esse tipo de editor se baseia na l\u00f3gica do What You See Is What You Get<\/strong>, ou seja, o que voc\u00ea v\u00ea \u00e9 o que voc\u00ea obt\u00e9m. Isso significa que aquilo que o usu\u00e1rio monta na tela j\u00e1 \u00e9 o formato final da p\u00e1gina que os visitantes v\u00e3o ver. Criadores de site com o recurso de arrastar e soltar (drag and drop<\/strong>) geralmente funcionam assim e at\u00e9 s\u00e3o usados como sin\u00f4nimo de WYSIWYG.<\/p>\n

Mas por que isso \u00e9 t\u00e3o interessante para quem trabalha com marketing digital<\/a>?<\/p>\n

Criar um site geralmente exige que voc\u00ea entenda de programa\u00e7\u00e3o. Na cria\u00e7\u00e3o tradicional de p\u00e1ginas da web, voc\u00ea escreve linhas de c\u00f3digo, que s\u00e3o renderizadas no navegador, de acordo com a linguagem de programa\u00e7\u00e3o utilizada.<\/p>\n

Alguns editores de sites, como o WordPress<\/a>, facilitam esse trabalho com um editor de textos mais amig\u00e1vel que um editor HTML. Ainda assim, o que voc\u00ea v\u00ea n\u00e3o \u00e9 exatamente o que voc\u00ea obt\u00e9m, pois voc\u00ea precisa clicar em um bot\u00e3o para visualizar a pr\u00e9via em outra p\u00e1gina.<\/strong><\/p>\n

J\u00e1 os editores WYSIWYG dispensam a necessidade de saber programar e oferecem uma visualiza\u00e7\u00e3o em tempo real da edi\u00e7\u00e3o da p\u00e1gina. Voc\u00ea disp\u00f5e de um editor visual, geralmente com drag and drop e outros recursos de design, e pode montar o site exatamente como deseja, sem escrever uma \u00fanica linha de c\u00f3digo<\/strong>.<\/p>\n[rock-biblioteca]Falando em tecnologia, voc\u00ea pode gostar tamb\u00e9m de ler os nossos artigos:<\/p>\n