Nhà thiết kế HTML trực quan ở đâu?

94

Trình thiết kế HTML Visual Studio ở đâu? Tôi thấy rằng có các tùy chọn cho Trình thiết kế HTML nhưng tôi không thể mở nó.

Nên mình chỉ muốn hỏi tại sao không tìm được nhà thiết kế và làm cách nào để mở được. Khi tôi tạo một tệp HTML, nó chỉ chuyển đến mã HTML.

html visual-studio ide

— Người quét dọn
nguồn

202

Trình chỉnh sửa HTML mặc định (dành cho HTML tĩnh) không có dạng xem thiết kế. Để đặt trình chỉnh sửa mặc định thành trình chỉnh sửa biểu mẫu Web có dạng xem thiết kế,

Nhấp chuột phải vào bất kỳ tệp HTML nào trong Trình khám phá Giải pháp trong Visual Studio và nhấp vào Open with
Chọn HTML (web forms) editor
Bấm vào Set as default
Bấm vào OKnút

Sau khi làm xong, tất cả những gì bạn cần làm là click vào designhoặc splitxem như hình dưới đây:

— DividedByZero
nguồn

1

Trợ giúp điều này không hiệu quả với tôi, ý tôi là tôi đã làm theo các bước nhưng tôi không nhận được các tùy chọn ở dưới cùng cho Thiết kế hoặc Phân tách. Chỉ có một - Nguồn!

— erotavlas

2

Bạn cũng phải làm điều đó trong Trình khám phá giải pháp trong Visual Studio, không phải trình khám phá tệp (Windows). Đối với một trong những khách hàng của tôi, chúng tôi phải tạo một dự án trống, tạo một tệp HTML trống và sau đó chúng tôi có thể nhấp chuột phải vào nó để xem đúng menu mở với

— Sam

3

Tôi vừa đặt trình chỉnh sửa biểu mẫu web Mặc định nhưng nếu tôi cố gắng mở các trang CSHTML hoặc HTML hiện có trong giải pháp của mình sau khi thực hiện việc này, các trang đều trống và vẫn không có Thiết kế | Chia tách | Các tab nguồn ở dưới cùng. Điều này cũng xảy ra nếu tôi sử dụng Thêm để thêm tệp html hoặc cshtml vào dự án của mình. Nếu tôi chỉ sử dụng menu Mới -> Tệp để tạo tệp HTML, mọi thứ đều ổn với Thiết kế | Mảnh ghép | Các tab nguồn hiển thị ở dưới cùng. IDE điên rồ này là gì?

— Darren Evans

1

Các tệp cshtml của @DarrenEvans không tương thích với trình chỉnh sửa (chỉ cần đổi tên chúng thành html sẽ không thay đổi được điều đó).

— Anthony Nichols

3

Visual Studio 2017 dường như bỏ qua điều này. Nó chỉ hiển thị "Nguồn".

— Nicke Manarin

29

Một cách khác để đặt mặc định cho trình chỉnh sửa biểu mẫu web HTML là:

Ở phía trên menu trong Visual Studio đi đến File> New>File
Lựa chọn HTML Page
Ở góc dưới bên phải của hộp thoại Tệp mới trên Opennút có một mũi tên xuống
Nhấp vào nó và bạn sẽ thấy một tùy chọn Open With
Lựa chọn HTML (Web Forms) Editor
Nhấp chuột Set as Default
nhấn OK

Ảnh chụp màn hình hiển thị cách truy cập hộp thoại "Mở bằng" khi tạo tệp mới.

— cflyer
nguồn

Không nhận được "Mở bằng" cho một tệp mới (VS 2015) nhưng bạn có thể tạo nó, sau đó trong cửa sổ Giải pháp Explorer, bạn có thể nhấp chuột phải và chọn Open With...sau đó HTML (Web Forms) Editornhư trước.

— kjhf

@kjhf "Open With" cũng có trong VS2015phiên bản mới . Nó đã di chuyển một chút bên dưới. Bạn sẽ thấy nó ở cuốiFile Dialog

— nam

@cflyer Cảm ơn bạn đã chia sẻ giải pháp của mình - đặc biệt mô tả từng bước giải pháp cùng với ảnh chụp phong cảnh. Nó đã giúp đỡ tôi.

— nam

7

Đi tới [Công cụ, Tùy chọn], phần "Trình thiết kế Biểu mẫu Web" và bật tùy chọn "Bật Trình thiết kế Biểu mẫu Web". Điều đó sẽ cung cấp cho bạn tùy chọn Thiết kế và Phân tách một lần nữa.

Đối với tôi, tùy chọn này đã được bật nhưng điều đó không làm cho các chế độ xem chỉnh sửa khác khả dụng.

— JohnC

Cảm ơn - đây cũng là nơi có tùy chọn "Chia Chế độ xem theo chiều dọc". Yêu cầu khởi động lại để có hiệu lực.

— UweBaemayr

4

Giải pháp tạo tệp HTML mới bằng Trình thiết kế HTML (Web Forms) đã hoạt động với tệp đó nhưng không phù hợp với các tệp HTML riêng lẻ khác mà tôi muốn chỉnh sửa.

Tôi đã tìm thấy tùy chọn Mở bằng trong hộp thoại Mở tệp và có thể chọn Trình chỉnh sửa HTML (Biểu mẫu web) ở đó. Sau khi nhấp vào tùy chọn "Đặt làm mặc định" trong cửa sổ đó, VS sau đó nhớ sử dụng trình chỉnh sửa đó khi tôi mở các tệp HTML khác.

— TimSmith-Aardwolf
nguồn