Onde está o designer de HTML do Visual Studio?

94

Onde está o Visual Studio HTML Designer? Vejo que há opções para o HTML Designer, mas não consigo abri-lo. Existe um nó de opções do HTML Designer!

Então, só quero perguntar por que não consigo encontrar o designer e como faço para abri-lo. Quando eu crio um arquivo HTML, ele apenas vai para o código HTML.

html visual-studio ide Varredor
fonte

Respostas:

202

O editor de HTML padrão (para HTML estático) não possui uma visualização de design. Para definir o editor padrão para o editor de formulários da Web que possui uma visualização de design,

  1. Clique com o botão direito em qualquer arquivo HTML no Solution Explorer no Visual Studio e clique em Open with
  2. Selecione os HTML (web forms) editor
  3. Clique em Set as default
  4. Clique no OKbotão

Depois de fazer isso, tudo que você precisa fazer é clicar em designou splitvisualizar conforme mostrado abaixo:

Captura de tela mostrando a localização dessas opções

DividedByZero
fonte
1
Ajuda não funcionou para mim, quero dizer, segui as etapas, mas não consigo as opções na parte inferior para Design ou Dividir. Existe apenas uma - Fonte!
erotavlas
2
Você também deve fazer isso no Solution Explorer no Visual Studio, não no gerenciador de arquivos (Windows). Para um de meus clientes, tivemos que criar um projeto em branco, criar um arquivo HTML em branco e então poderíamos clicar com o botão direito para ver o menu aberto com correto
Sam
3
Acabei de tornar o editor de formulários da web Padrão, mas se eu tentar abrir páginas CSHTML ou HTML existentes em minha solução depois de fazer isso, as páginas ficam todas em branco e ainda não há Design | Split | Abas de fontes na parte inferior. Isso também acontece se eu usar Adicionar para adicionar um arquivo html ou cshtml ao meu projeto. Se eu apenas usar o menu Novo -> Arquivo para criar um arquivo HTML, tudo ficará bem com a opção Design | Spliut | Abas de fontes exibidas na parte inferior. O que é essa insanidade IDE?
Darren Evans
1
Os arquivos cshtml de @DarrenEvans não são compatíveis com o editor (simplesmente renomeá-los para html não vai mudar isso).
Anthony Nichols,
3
O Visual Studio 2017 parece estar ignorando isso. Mostra apenas "Fonte".
Nicke Manarin
29

Outra maneira de definir o padrão para o editor de formulários da web HTML é:

  1. No menu superior no Visual Studio ir para a File> New>File
  2. Selecione HTML Page
  3. No canto inferior direito da janela de Novo Arquivo do Openbotão há uma seta para baixo
  4. Clique nele e você verá uma opção Open With
  5. Selecione HTML (Web Forms) Editor
  6. Clique Set as Default
  7. pressione OK

Captura de tela que mostra como chegar à caixa de diálogo "Abrir com" ao criar um novo arquivo.

cflyer
fonte
Não comece um "Abrir com" para um novo arquivo (VS 2015), mas você pode criá-lo, em seguida, na janela Solution Explorer, você pode clique direito e escolha Open With...então HTML (Web Forms) Editorcomo antes.
kjhf
@kjhf "Abrir com" também está presente na nova VS2015versão. Ele se moveu ligeiramente para baixo. Você verá na parte inferior doFile Dialog
nam
@cflyer Obrigado por compartilhar sua solução - especialmente descrevendo-a passo a passo junto com um sceenshot. Isso me ajudou.
nam
7

Vá para [Ferramentas, Opções], seção "Web Forms Designer" e habilite a opção "Habilitar Web Forms Designer". Isso deve fornecer a você a opção Design and Split novamente.


fonte
Para mim, esta opção já estava habilitada, mas isso não disponibilizou as outras visualizações de edição.
JohnC
Obrigado - aqui também está a opção "Dividir visualizações verticalmente". Requer uma reinicialização para ter efeito.
UweBaemayr
4

A solução de criar um novo arquivo HTML com HTML (Web Forms) Designer funcionou para esse arquivo, mas não para outros arquivos HTML individuais que eu queria editar.

Eu encontrei a opção Abrir com na caixa de diálogo Abrir arquivo e fui capaz de selecionar o Editor de HTML (Formulários da Web) lá. Depois de clicar na opção "Definir como padrão" naquela janela, o VS se lembrou de usar esse editor quando abri outros arquivos HTML.

TimSmith-Aardwolf
fonte