ti-enxame.com

O que é um bom editor de HTML WYSIWYG?

Eu usei o Dreamweaver (embora o CS3 esteja com algumas versões anteriores), mas estou desapontado com a quantidade de marcação inválida que ele produz. Existem outros editores WYSIWYG por aí que produzem marcação válida?

7
plntxt

Se você deseja controlar o seu código, use a visualização de código no Dreamweaver ou apenas um editor de texto sem formatação, como o Notepad ++ no Windows, o Textmate no Mac ou o Vim no * nix. O problema com o WYSIWYG é que você não tem controle total sobre o código que produz, apesar de estar livre demais para limpar depois do curso.

7
D4V360

Uma pergunta relacionada aqui: Validação HTML: vale a pena? . Trago isso à tona desde que você mencionou que está chateado com a marcação inválida. A semântica de marcação é mais importante do que a validade de marcação na minha opinião, e geralmente isso só pode ser feito adequadamente por um ser humano - especialmente com todos os novos elementos apresentados por HTML5.

Jeffery Zeldman publicou recentemente um artigo sobre este assunto: m InDesign para HTML e CSS . Inspirado pela conversa de algumas pessoas da Adobe, ele postula que nenhum editor WYSIWYG pode criar marcações significativas e semânticas mais do que um programa de computador pode compor músicas significativas e emocionais.

Se você optar por permanecer no Dreamweaver e usar sua visualização de código (que é o que eu usei por um bom tempo, é muito bom), considere atualizar para o CS5. A Adobe, dado todo o ódio ao Flash, fez um grande esforço para melhorar a qualidade do código que ele gera. Eles também criaram o HTML5 Pack .

Essa extensão fornece suporte inicial para HTML5 e CSS3 no Adobe Dreamweaver CS5 e ajuda a criar facilmente páginas HTML5 e estilos CSS3. Ele também inclui atualizações e aprimoramentos do WebKit para renderização do Design View e Live View.

Embora o HTML5 e o CSS3 não sejam finalizados por algum tempo, a extensão fornece suporte para um conjunto de recursos implementados no momento.

Esta extensão aprimora o Dreamweaver CS5 das seguintes maneiras:

  • Apresenta o painel Visualização em tela múltipla, permitindo a exibição ao vivo em 3 tamanhos de tela diferentes, com suporte para Consulta de mídia. (Janela> Visualização em tela múltipla)
  • Adiciona dicas de código para a Biblioteca de tags HTML5 com novas tags, atributos e propriedades.
  • Atualiza dicas de código para novos atributos e valores nas tags HTML existentes.
  • Adiciona dicas de código para as seguintes especificações CSS3: Transformações 2D/3D; Animações; Antecedentes e Fronteiras; Interface básica do usuário; Layout de linha; Letreiro; Consultas de mídia; MultiColumn; Rubi; Texto; e transições.
  • Atualiza o Live View para suportar <video> e <audio>. (Requer instalação do Quicktime.)
  • Renderização aprimorada para CSS3 no Live View.
  • Adiciona layouts iniciais HTML5 à caixa de diálogo Novo documento.
  • Oferece melhor renderização para novas tags no Design View.

O Dreamweaver existe há muito mais tempo do que a maioria de seus concorrentes e é um programa sólido, e se você optar por usar o editor WYSIWYG, não ficará muito melhor com outros aplicativos.

3
Bryson

Coda dos caras do Panic é um produto realmente agradável para o Mac. Você mesmo escreve a marcação e, portanto, mantém o controle completo, como faria com o TextMate, o Notepad2, etc. Mas também há uma visualização ao vivo que pode ser exibida em uma tela dividida, para que você possa dizer imediatamente o que está afetando na página. É uma boa solução "melhor dos dois mundos".

3
Alan

Eu usei por jEdit e Eclipse porque eles trabalharam bem no restante do meu fluxo de trabalho de desenvolvimento. O destaque da sintaxe do jEdit e a capacidade de reconhecer uma ampla variedade de formatos de texto são muito agradáveis ​​para uma rápida revisão das coisas estranhas que tendem a aparecer no meu caminho.

Concordo com outras pessoas que mencionaram evitar os editores do WYSIWYG. As versões mais recentes da DW geram código aceitável na maioria das vezes, mas quando eu o uso, passo 95% do meu tempo na visualização de código.

1
acrosman

Eu uso Microsoft Visual Web Developer 2010 Express (gratuito, incluindo para uso comercial) :)

0
Andrei Rînea