Cách thụt lề thẻ HTML trong Notepad ++

83

Tôi đã cài đặt Notepad ++. Làm thế nào để làm cho các thẻ tự động thụt lề đặc biệt là khi lồng nhau? Tất cả các thẻ dường như đang xếp hàng bên trái màn hình.

notepad++

— Deke
nguồn

1

Xem giải pháp này

— Willem Van Onsem

Đúng. Nhưng của tôi đưa ra một lỗi có nội dung: lỗi được phát hiện trong nội dung, vui lòng sửa chúng trước khi áp dụng.

— Deke

điều đó thường có nghĩa là mã xml của bạn không hợp lệ. Ví dụ: thiếu tiêu đề hoặc một số thẻ không được đóng đúng cách. Trong trường hợp đó, bạn không nên định dạng (tệp gốc). Vì nó có thể làm hỏng nội dung.

— Willem Van Onsem

<! doctype> <html> <head> <title> Tên của trang web </title> </head> <body> <h1> Biểu trưng </h1> </body> </html> </! doctype>

— Deke

3

Có thể trùng lặp của Làm thế nào để Auto-Format / Indent XML / HTML trong Notepad ++

— GorvGoyl

82

Sử dụng plugin Công cụ XML cho Notepad ++ và sau đó bạn có thể Tự động thụt lề mã với dấu Ctrl+ Alt+ Shift+ B.

— ahjohnston25
nguồn

Ctrl + Alt + Shift + B không hoạt động, nó chèn một số văn bản ngẫu nhiên và Pretty Print, thực sự không làm gì cả (ngay cả với một tệp XML thực tế) - tất cả đều nằm trên một dòng, không được định dạng tốt hoặc đẹp .

— BrainSlugs83

49

Các câu trả lời cho câu hỏi này không chỉ sai mà còn nguy hiểm. CTRL + ALT + SHIFT + B sẽ không thụt lề HTML mà là XML. Hãy xem xét mã HTML sau:

<span class="myClass"></span>

Hàm 'Notepad ++ -> Plugins -> XmlTools -> Pretty print (Chỉ Xml với dấu ngắt dòng)' (CTRL + ALT + SHIFT + B) sẽ chuyển đổi nó thành:

<span class="myClass"/>

mà sẽ không được trình duyệt của bạn hiển thị chính xác nữa! Tôi thực sự khuyên bạn không nên sử dụng hàm này để thụt lề HTML.

Thay vào đó, hãy sử dụng plugin Tidy2 . Điều này sẽ thụt lề HTML một cách chính xác mà không có tác dụng phụ xấu (nhưng nó cũng sẽ tạo ra <html>, <head>, <body>, ...các phần tử xung quanh mã của bạn, nếu chúng không có ở đó).

— Constantin
nguồn

6

Rất nhiều điều này. Là một nghiệp dư html / js học tôi chỉ có một nửa khủng khiếp một giờ cố gắng tìm hiểu lý do tại sao trang web của tôi chỉ không làm gì cả - và lý do được rằng <script src="somewhere"></script>sụp đổ vào<script src="somewhere"/>

— Artalus

Hmm ... có vẻ như nó không hoạt động với phiên bản 64-bit của Notepad ++, đó là một kẻ giết người đối với tôi.

— Keyvan Sadralodabai

1

@KeyvanSadralodabai Hầu hết các plugin (bao gồm Trình quản lý plugin) đều chưa có sẵn trong x64 - nếu bạn dựa vào các plugin Notepad ++, bạn nên cài đặt phiên bản Notepad ++ 32 bit để có thể sử dụng plugin. Nếu đó không phải là một tùy chọn, thì bạn phải sử dụng một trình chỉnh sửa khác - tức là Sublime Text

— Constantin

1

Yah bạn nói đúng. Không biết tại sao tôi nghĩ nó là một kẻ giết người ... nó không giống như nó cải thiện nhiều như vậy với 64 bit.

— Keyvan Sadralodabai

1

Để tham khảo, "Trình quản lý plugin" (khác với Trình quản trị plugin được tích hợp sẵn) hiện có sẵn dưới dạng phiên bản 64 bit, nhưng Tidy2 vẫn không khả dụng dưới dạng 64 bit.

— Étienne

20

Bước 1: Mở trình quản lý plugin trong notepad ++

Plugins -> Plugin Manager -> Show Plugin Manager.

Bước 2: cài đặt plugin Công cụ XML

Tìm kiếm "CÔNG CỤ XML" từ tùy chọn "Có sẵn", sau đó nhấp vào cài đặt.

Bây giờ bạn có thể sử dụng phím tắt CTRL + ALT + SHIFT + B để thụt lề mã.

— ankur jain
nguồn

16

Câu trả lời này giống với câu trả lời trước đó ở trên và dành cho XML không phải HTML!

— bytedev 27/02/17

12

Tôi có một giải pháp cho bạn.

Chỉ cần bạn cài đặt một plugin có tên Indent By Fold.

Bạn có thể cài đặt cái này bằng cách đi qua Plugins -> Plugin Manager -> Show Plugin Manager. HOẶC Plugins -> Plugins Admin -> chekmark Indent By Fold from listhơn cài đặt

Sau đó, chỉ cần chọn mục danh sách và tất cả những gì bạn cần là gõ từ đầu tiên và bạn đã có nó.

bạn có thể sử dụng plugin này từ một plugin trong thanh menu.

— Nishit Zinzuvadiya
nguồn

Đối với HTML, điều này tạo ra một thụt lề chính xác, trong đó Công cụ XML sẽ tạo ra một thụt lề không cân bằng do sự khác biệt của HTML <-> XML.

— jlbenc

1

Không còn khả dụng trong trình quản lý plugin theo như tôi có thể thấy.

— Devil's Advocate,

Chỉ nhận ra rằng đó có thể là do tôi đang sử dụng phiên bản 64bit của N ++

— Devil's Advocate

Đây là câu trả lời chính xác. Hoạt động tốt hơn XML Tools.

— EkoJR

Nó chỉ hoạt động trên mã bạn nhận được "trên màn hình" phần còn lại của tài liệu không được thụt vào ..

— JoBe

2

Dựa trên câu trả lời của Constantin , đây là bản chất của những gì tôi đã học được khi chuyển sang Notepad ++ làm trình soạn thảo HTML chính của tôi.

Cài đặt Notepad ++ 32-bit

Không có phiên bản 64-bit của Tidy2 và một số plugin phổ biến khác. Phiên bản 32-bit của NPP có một số nhược điểm thực tế, vì vậy hãy bỏ qua phiên bản 64-bit.

Cài đặt Trình quản lý plugin

Trình quản lý plugin không hoàn toàn cần thiết để sử dụng plugin. Tuy nhiên, nó làm cho mọi thứ dễ dàng hơn nhiều.

Trình quản lý plugin đã bị loại khỏi gói cốt lõi rõ ràng vì nhà phát triển không thích một số liên kết phân bổ được bao gồm.

Bạn có thể nhận thấy rằng plugin Trình quản lý plugin đã bị xóa khỏi bản phân phối chính thức. Lý do là Trình quản lý plugin chứa quảng cáo trong hộp thoại của nó. Tôi ghét Quảng cáo trong các ứng dụng và tôi đảm bảo với bạn rằng không có, và sẽ không bao giờ có Quảng cáo trong Notepad ++.

Đây là một cài đặt thủ công, nhưng nó không khó.

Tải xuống gói zip UNI (32-bit) và giải nén nó. Bên trong, bạn sẽ thấy các thư mục được gọi là plugin và trình cập nhật . Mỗi tệp chứa một tệp.
Kéo hai tệp đó vào các thư mục có tên giống hệt nhau trong thư mục cài đặt Notepad ++ của bạn. Điển hình là vậy C:\Program Files (x86)\Notepad++.
Khởi động lại Notepad ++ và làm theo bất kỳ lời nhắc cài đặt / cập nhật nào.

Bây giờ bạn sẽ thấy một mục mới trong Phần bổ trợ cho Trình quản lý Trình cắm.

Cài đặt Tidy2 (hoặc lựa chọn thay thế ưa thích của bạn)

Trong Trình quản lý plugin, chọn hộp cho Tidy2. Nhấp vào Cài đặt. Khởi động lại khi được nhắc.

Để sử dụng Tidy2, hãy chọn một trong các cấu hình được định cấu hình sẵn trong mục menu con Plugins của nó hoặc tạo cấu hình của riêng bạn.

— isherwood
nguồn

0

Trên Notepadd ++ v7.5.9 (32-bit), plugin "Thụt lề theo nếp gấp" đang hoạt động tốt với nội dung html.

Tìm kiếm và cài đặt trong trình quản lý plugin
Sử dụng "Plugins"> "Thụt lề theo màn hình đầu tiên"> "Tệp reindent"

https://www.fesevur.com/indentbyfold/

— Daweb
nguồn

0

Trong Notepad ++ v7.8.9, bạn có thể sử dụng Tabphím để tăng mức Shift + Tabthụt lề và sử dụng để giảm mức thụt lề.

— Tes3awy
nguồn