Um WYSIWYG é um editor que permite a um desenvolvedor visualizar os resultados finais antes que a interface ou documento real seja ativado. A forma completa de WYSIWYG é "o que você vê é o que você obtém". Este tipo de software permite que você edite o conteúdo em um formato para que tenha a mesma aparência quando exibido ou impresso.
Existem vários editores WYSIWYG que oferecem recursos como suporte para Multi-view e Multi-Language. Também oferece layout pronto para criar sites, suporte para HTML5 e CSS3, etc.
A seguir está uma lista escolhida a dedo dos Principais EDITORES WYSIWYG, com seus recursos populares e links para sites. A lista contém software de código aberto (gratuito) e comercial (pago).
1) Dreamweaver
Dreamweaver é um editor de HTML popular que ajuda você a criar, publicar e gerenciar sites. Um site criado com o Dreamweaver pode ser carregado em qualquer servidor web.
Características:
- Sites dinâmicos podem ser desenvolvidos rapidamente usando o Dreamweaver.
- Ele fornece layouts prontos para construir um site.
- Você pode criar um site que se ajusta a qualquer tamanho de tela.
- Esta ferramenta ajuda a personalizar o espaço de trabalho da maneira que você gosta.
- Possui um validador HTML embutido para validar seu código.
2) Kite
Kite é o IDE para editores de HTML WYSIWYG que completa automaticamente os códigos de várias linhas. Este editor suporta mais de 16 idiomas. Isso ajuda você a codificar mais rápido e sem complicações.
Preço : grátis
Características:
- Oferece documentação Java.
- Este editor fornece uma assinatura de função conforme você digita.
- Você receberá uma dica ao passar o mouse.
- Fornece suporte por e-mail.
- Usa modelos de aprendizado de máquina para linguagem Java.
3) Editor de HTML CoffeeCup
Uma xícara de café é um editor de HTML WYSIWYG, que ajuda você a utilizar a visualização em tela dividida para ver sua página da web. A ferramenta permite que você abra o serviço de validação de marcação W3C em seu navegador da web padrão.
Características:
- Ajuda você a utilizar a visualização em tela dividida em sua página da web
- Pronto para a web semântica
- Oferece a ferramenta embutida Validate HTML abre o serviço de validação de marcação W3C em seu navegador da web padrão.
- O uploader de FTP embutido ajuda você a publicar o site no local de sua escolha
- Os recursos de visualização de tela dividida permitem que você visualize sua página da web em um navegador diretamente do Editor de código.
Link: https://www.coffeecup.com/html-editor/
4) Wix
Wix é um construtor de sites de arrastar e soltar fácil de usar, amigável para iniciantes. Esta ferramenta de editor da web permite que você solte elementos em qualquer lugar que desejar em qualquer página.
Características:
- Ele permite que você crie um blog pessoal para um site de portfólio ou até mesmo uma loja online.
- Mais de 500 temas e modelos
- Ele vem com um grande número de modelos filtrados em muitas categorias.
- Oferece recurso para enviar e gerenciar faturas.
- Lojas multilíngues.
- Rastreie o tráfego com o Google Analytics.
5) Apache NetBeans
NetBeans é uma ferramenta de edição de código aberto para desenvolvimento com Java, PHP, C ++ e outras linguagens de programação. Ele também oferece recursos de análise e conversão de código. Ele permite que você atualize seus aplicativos para usar novas construções de linguagem Java 13.
Características:
- Gerenciamento de projeto fácil e eficiente
- Oferece edição de código rápida e inteligente
- Desenvolvimento rápido da interface do usuário
- Ajuda você a escrever código sem erros
Link: https://netbeans.apache.org
6) Bloco de notas ++
Notepad ++ é um editor de código popular e gratuito, escrito em C ++. Ele usa API win32 pura, que oferece maior velocidade de execução e tamanho de programa pequeno. Ele funciona apenas no ambiente da janela e está disponível sob a licença GPL.
Características:
- Suporte a realce de sintaxe para linguagens como HTML, PHP, JavaScript e CSS.
- Possui recursos de preenchimento automático para palavras e funções.
- Ele oferece recursos de gravação e reprodução de macro.
- Sintaxe definida pelo usuário destaque e dobramento
- GUI totalmente personalizável
- Suporte multi-visualização e multi-idioma
Link: https://notepad-plus-plus.org/
7) Google Web Designer
O Google Web Designer ajuda você a criar conteúdo HTML5 envolvente. Ele permite que você use animação e elementos interativos para dar vida à sua visão criativa e oferece integração perfeita com outros produtos do Google, como Google Drive, Google Ads, Display & Video 360, etc.
Características:
- Oferece fluxo de trabalho dinâmico
- O Google Web Designer oferece uma ampla variedade de formatos de anúncios gráficos e em vídeo
- Suporte para anúncios responsivos
- Integração fácil e eficaz com o Google
- Ajuda você a criar conteúdo HTML5 bonito e envolvente
Link: https://webdesigner.withgoogle.com
8) Texto Sublime
Sublime Text é um editor de HTML que suporta muitas linguagens como JavaScript, Perl, PHP, Python, Ruby e outras. Você pode usar este editor de código HTML para código, marcação e prosa. O editor é compatível com os sistemas operacionais OS X, Windows e Linux.
Características:
- Ele permite que você destaque a sintaxe.
- Possui implementação de paleta de comandos que aceita entrada de texto dos usuários.
- Lidar com BOMs UTF8 em arquivos .gitignore
- Exibir emblemas para pastas e arquivos para indicar o status do Git
- As alterações em um arquivo são representadas por marcadores disponíveis na medianiz.
Link: https://www.sublimetext.com
9) TinyMCE
TinyMCE é a plataforma de edição de rich text que ajudou a lançar Atlassian, Medium, Evernote (ferramenta de edição de texto) e muito mais. Você pode integrar TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery, etc.
Características:
- Altamente configurável com um grande ecossistema.
- Moderno, pronto para dispositivos móveis e de nível empresarial
- Armazene e edite imagens e arquivos em qualquer servidor da web
- Oferece upload de arquivo dinâmico para qualquer navegador.
Link: https://www.tiny.cloud
10) CKEditor
Ckeditor é um editor WYSIWYG inteligente que possui componentes com edição colaborativa. Ele permite que você cole do Excel, Word, tabelas, etc.
Características:
- Oferece recursos como preenchimento automático, @ menções, widgets,
- Oferece controle total sobre o conteúdo: filtragem de HTML e modo de visualização da fonte.
- Ótima acessibilidade: Seção 508, compatível e WCAG 2.0 AA.
- Formato de saída personalizado e suporte a Markdown.
- Extensível e personalizável por design
- Ajuda a aumentar a produtividade com formatação automática e colaboração.
Link: https://ckeditor.com
11) Pena
O Quill é um editor WYSIWYG poderoso, de código aberto e gratuito, criado para a web moderna. Sua arquitetura modular e API expressiva é um editor de HTML ideal para atender a qualquer necessidade.
Características:
- Ele oferece suporte a todos os navegadores modernos em tablets, desktops e telefones.
- Acesso granular ao conteúdo, alterações e eventos do editor por meio de uma API simples.
- Editores de rich text criados para ajudar as pessoas a escrever textos.
- Ele permite que você faça conteúdo e formatação personalizados.
Link: https://quilljs.com
12) Froala
Froala é o editor de HTML WYSIWYG da próxima geração. Este editor fácil de integrar é amplamente utilizado por desenvolvedores devido ao seu design claro.
Características:
- API poderosa e documentação
- Oferece mais de 30 plug-ins prontos para escolher
- O editor HTML WYSIWYG transformou uma ferramenta Javascript básica em uma tecnologia essencial para muitos setores.
- O editor de rich text Froala possui uma vasta gama de recursos simples e complexos para todos os tipos de casos de uso.
Link : https://froala.com/wysiwyg-editor/
13) Edição de Komodo
Komodo edit é uma ferramenta de edição de código poderosa e fácil de usar. Ele permite que você faça depuração, teste de unidade, refatoração de código. Ele também fornece perfil de código, além de integrações com outras tecnologias como Grunt, PhoneGap, Docker, Vagrant e muito mais.
Características:
- Editor multilíngue
- Muitos esquemas de cores contemporâneos
- Suporte nativo a Unicode e verificação de compatibilidade
- Integra-se facilmente ao ambiente de desktop.
Link: https://www.activestate.com/products/komodo-ide/
14) Código do Visual Studio
O Visual Studio Code é um software editor de código aberto desenvolvido pela Microsoft. Ele fornece suporte integrado para TypeScript, JavaScript e Node.js. Ele é preenchido automaticamente com recursos IntelliSense que oferece completamentos inteligentes baseados em módulos essenciais, tipos de variáveis e definições de funções.
Características:
- Fácil de trabalhar com Git e outros provedores de SCM (gerenciamento de configuração de software)
- Refatoração e depuração de código
- As plataformas suportadas são Mac, Windows, Linux
- Facilmente extensível e personalizável
Link: https://code.visualstudio.com/
15) OpenElement
OpenElement é um aplicativo de criação e criação de sites freeware publicado pela Element Technologie. A ferramenta é fornecida pelo Chromium, o mecanismo do Google Chrome, e funciona no Microsoft Windows.
Características:
- Interface intuitiva
- Tudo é editável
- Ajuda você a gerenciar o código
- Estilos reutilizáveis e pacotes de elementos
- Cross-browser
- Sites multilíngues
- Design responsivo
- CSS totalmente personalizável
- Editor de elemento - criar e compartilhar elementos
- Fácil integração de imagem e otimização de código
- Powered by Chromium
Link: https://www.openelement.com
16) NoteTab
NoteTab é o melhor substituto de bloco de notas que existe. Para webmasters, é o editor de HTML mais rápido. É o editor de texto mais versátil que oferece destaque de sintaxe aprimorado para HTML.
Características:
- Pesquisando com curingas fáceis de usar
- Contagem de palavras em tempo real
- Destaque de sintaxe para CSS
- Estatísticas de texto para SEO
- Suporte para HTML5 e CSS3
- Novas bibliotecas HTML / CSS
Link: https://www.notetab.com
17) Atom
O Atom é uma ferramenta útil de edição de código HTML preferida por programadores devido à sua interface simples em comparação com outros editores. Os usuários do Atom podem enviar pacotes e eles para o software.
Características:
- Package Manager integrado para suporte a plug-ins
- O recurso de autocompletar inteligente
- Preenchimento automático: Preenchimento automático de palavras, Preenchimento de funções
- Gravação e reprodução de macro
- Suporta vários painéis
- Possui um gerenciador de pacotes integrado.
- Esta edição de ferramenta de plataforma cruzada
- Visualize a pesquisa e substitua o texto digitado em um arquivo em todo o projeto.
- Ele oferece uma paleta de comandos que contém itens que são usados repetidamente.
- Permitir edição multiplataforma
Link: https://atom.io/
18) Edição Ultra
Ultra-edit é um poderoso editor de texto amplamente usado que atende o pacote de assinatura mais poderoso e cabe em qualquer orçamento. Você pode abrir e editar facilmente um arquivo grande com mais de 4 GB.
Características:
- Pesquisa poderosa: encontre e substitua em arquivos, expressões regulares de pesquisa inversa, etc.
- Sintaxe de código destacando em várias linguagens de programação
- Oferece dobramento de código e listagem hierárquica de funções
- Você pode reformatar o código-fonte
- Recurso de manipulação de XML: visualização em árvore XML, reformatação, validação, etc.
- Edição de vários acentos circunflexos e seleção múltipla
- Edição de modo de coluna de suporte (bloco)
- Pesquisar: localizar e substituir em arquivos, expressões regulares, pesquisa inversa, etc.
- Destaque de sintaxe de código em qualquer linguagem de programação
- Manuseio poderoso de XML
- Modelos inteligentes - autocompletar código inteligente
- Tags XML / HTML de fechamento automático
Link: https://www.ultraedit.com
19) WYSIWYG Web Builder
WYSIWYG Web Builder é uma ferramenta fácil de usar e altamente responsiva. Ele permite que você navegue em milhares de imagens de alta qualidade gratuitas.
Características:
- Adicione facilmente fontes do Google e outras fontes da web ao seu site.
- Notificações leves projetadas para imitar as notificações push
- Oferece mais de 150 animações predefinidas
- Envie e-mails, faça upload de arquivos, armazene dados no MySQL
Link: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon é um editor de HTML de código aberto desenvolvido pelo Gecko, que é o mecanismo de renderização do Firefox. Possui uma interface simples e os recursos mais usuais necessários para criar páginas da web.
Características:
- Fácil de mudar a cor da fonte ou ajustar o estilo da borda
- Abre as abas da última sessão
- Suporta plataformas Mac, Windows, Linux
- Atalhos para edição de CSS
- Múltiplos temas para visualização da fonte
Link: http://bluegriffon.org
21) Alohaeditor
Aloha é uma ferramenta de edição WYSIWYG. Com a ajuda deste editor de HTML, é possível editar um site diretamente no portal. A ferramenta permite a edição rápida e descomplicada de fotos, gráficos, animação e texto.
Características:
- Ajuda você a reduzir o volume do gerenciador de conteúdo
- Base facilmente expansível em seus requisitos e preferências.
- Copie seu conteúdo do Microsoft Word sem problemas de formatação.
- Este editor de imagens permite que você edite o conteúdo do seu site.
Link: https://www.alohaeditor.org
22) Suportes
Brackets é uma ferramenta leve desenvolvida pela Adobe. É um editor de texto ideal de código aberto. Esta ferramenta ajuda você a alternar entre o código-fonte e a visualização do navegador.
Características:
- O recurso Quick Edit UI coloca o código específico do contexto e ferramentas embutidas
- Oferece visualização ao vivo, suporte para pré-processador e editores embutidos
- Ferramenta especialmente desenvolvida para macOS
- Ele vem com o gerenciador de extensão embutido para um gerenciamento de extensão rápido e eficaz.
Link: http://brackets.io/
23) Aptana
Aptana é uma ferramenta poderosa de desenvolvimento da web de código aberto. Ele oferece muitos novos recursos personalizáveis que ajudam você a ser mais produtivo. A ferramenta permite que você crie aplicativos da Web de forma rápida e fácil usando o IDE líder de mercado para aplicativos da Web.
Características:
- HTML, CSS e JavaScript Code Assist
- Manter configurações sincronizadas
- Ajuda você a acessar um terminal de linha de comando para a execução de comandos e linguagem do sistema operacional
- Oferece a você colocar seus projetos sob controle de código-fonte git
- Os depuradores Ruby & Rails e JavaScript integrados
Link: http://www.aptana.com
24) Coteditor
O Coteditor é um editor HTML útil para macOS. Portanto, ele se parece e se comporta exatamente como os aplicativos macOS. A ferramenta permite que você escreva seu texto imediatamente quando quiser.
Características:
- Colorize mais de 50 linguagens principais pré-instaladas, como HTML, Python, PHP ou Ruby.
- Divida uma janela em vários painéis
- Inspecione os dados de caracteres Unicode de cada caractere selecionado
- Permite que você crie sua própria macro no seu idioma favorito
- Estime várias codificações de arquivo com precisão.
- Ele permite que você acesse todas as suas configurações, incluindo definições de sintaxe e temas de uma janela de preferências padrão.
Link: https://coteditor.com
25) Ferramentas de conteúdo
O ContentTools é um software editor de HTML de uso gratuito. Faz parte de uma coleção de bibliotecas projetadas para a construção de ferramentas que facilitam a edição de conteúdo HTML. A ferramenta oferece uma biblioteca que fornece um editor de páginas totalmente funcional, que é o assunto do guia de introdução.
Características:
- A TI oferece documentação completa de API e exemplos.
- O editor ContentTools WYSIWYG deve ser adicionado a qualquer página HTML em algumas etapas simples
- Guias passo a passo para cenários de uso comum e tópicos mais avançados
Link: http://getcontenttools.com/
26) Summernote
Summernote é um editor de HTML fácil de instalar. Suporta Bootstrap 3.xx a 4.xx. Oferece fácil integração com terceiros como Django, Rails e Angle,
Características
- Editor de HTML fácil de instalar
- Personalize inicializando várias poções e módulos.
- Fácil integração com terceiros como Django, Rails e Angular.
- Interação inteligente do usuário
- Suporta os navegadores Safari, Chrome, Firefox, Opera e Edge.
- Funciona em diferentes sistemas operacionais, como Windows, macOS, Linux, etc.
Link: https://summernote.org
27) Textbox.io
Ferramentas de edição de HTML do Textbox.io e interface de usuário simples. Ele permite que você crie HTML em seu desktop e no celular. Esta ferramenta de edição de HTML inclui formatação de texto, hiperlinks, tabelas, etc.
Características:
- Manuseio e armazenamento de imagens integrados
- Arrastar e soltar arquivo
- Verificação ortográfica e correção automática
- Limpar copiar e colar do Microsoft Word
- Suporte para vários navegadores
Link : https://textbox.io