Notepad ++ e Dreamweaver - Conversões de Tabelas

Question

Eu trabalho em uma equipe de desenvolvedores. Alguns gostam de usar o Dreamweaver, mas eu realmente prefiro o Notepad ++. O problema vem sempre que precisamos editar os arquivos uns dos outros e as guias não correspondem / alinham (indentação). Estou curioso para saber por que isso acontece e me pergunto se havia uma maneira nas configurações do Dreamweaver ou nas configurações do Notepad ++ para converter essas guias em algo diferente para que elas correspondessem. Isso é possível / como?

Exemplos

A imagem superior é CSS simples no Notepad ++ e a parte inferior é código dentro do Dreamweaver.

AimagemàesquerdaéoNotepad++TabSettings,queestádefinidocomo4.AimagemàdireitaéaformataçãodecódigodoDreamweaver,cujaguiatambémédefinidacomo4.

A imagem à esquerda é o Dreamweaver e a imagem à direita é o Notepad ++, que parece estar usando a mesma fonte Courier New 10px, embora não pareça.

Discrepâncias

Noexemploacima,noDreamweaverparecequeocolcheteestádiretamentenoh6,entãotabfazumespaçoduploemvezdeumtotalde4espaçosemqueoNotepad++fazumseparador"7 space" que é muito estranho.

    

Answer 1

Acredito que o problema esteja no estilo padrão do Notepad ++ para arquivos CSS.

Vá para a entrada de menu de Configurações / Configurador de Estilo, depois clique em CSS e TAG, obtendo isto:

Vocênotaráqueafonteusadaé@Batang(queeupessoalmentenuncaouvifalarouusei).Estafontenãopareceserumafontemonoespaçada.

AltereafonteparaopadrãoecliqueemSalvar&Fechar:

Aqui está a exibição, onde a primeira imagem é anterior e a segunda após essa alteração:

A segunda imagem, após a alteração, parece agora muito mais como uma fonte monoespaçada.

Você pode alterar as fontes um pouco mais para melhor concordar com o Dreamweaver. No entanto, como eu não o uso, não sei quais fontes ele usa para exibir CSS.

    

Answer 2

Se você observar de perto a imagem, notará que o Notepad ++ não está processando a fonte monoespaçada corretamente. Parece ser um problema com o caractere de espaço. Veja como as tags h4 não estão alinhadas. Compare isso com a captura de tela do Dreamweaver em que todos os personagens estão alinhados em colunas simples.

Esta pergunta do StackOverflow parece estar resolvendo o mesmo problema, então pode haver algo no arquivo de modelo CSS que está causando problemas.