Notepad ++에서 HTML 태그를 들여 쓰는 방법

83

Notepad ++를 설치했습니다. 특히 중첩 할 때 태그를 자동으로 들여 쓰기하는 방법은 무엇입니까? 모든 태그가 화면 왼쪽에 정렬 된 것 같습니다.

notepad++

— 데케
소스

1

이 솔루션

— Willem Van Onsem 2015 년

예. 그러나 내 오류가 있습니다. 콘텐츠에서 오류가 감지되면 적용하기 전에 수정하십시오.

— Deke 2015 년

일반적으로 xml 코드가 유효하지 않음을 의미합니다. 예를 들어 헤더가 없거나 일부 태그가 제대로 닫히지 않았습니다. 이 경우 (원본 파일) 포맷하지 않아야합니다. 콘텐츠를 손상시킬 수 있기 때문입니다.

— Willem Van Onsem 2015 년

<! doctype> <html> <head> <title> 사이트 이름 </ title> </ head> <body> <h1> 로고 </ h1> </ body> </ html> </! doctype>

— 딕

3

의 가능한 중복 ++ 사용법 자동 형식 / 들여 쓰기 XML / HTML 메모장에서

— GorvGoyl

82

Notepad ++ 용 XML 도구 플러그인을 사용하고 Ctrl+ Alt+ Shift+를 사용 하여 코드를 자동 들여 쓰기 할 수 있습니다 B. 더 많은 포인트 앤 클릭 방식의 경우 플러그인-> XML 도구-> Pretty Print로 이동할 수도 있습니다.

— ahjohnston25
소스

Ctrl + Alt + Shift + B는 작동하지 않았고, 임의의 텍스트를 삽입했으며 Pretty Print는 말 그대로 아무 작업도 수행하지 않았습니다 (실제 XML 파일도 포함). 모두 한 줄에 머물 렀습니다. 형식이 좋지 않거나 예쁘지 않습니다. .

— BrainSlugs83

50

이 질문에 대한 답은 틀렸을뿐만 아니라 위험합니다. CTRL + ALT + SHIFT + B는 HTML을 들여 쓰지 않고 XML을 들여 씁니다. 다음 HTML 코드를 고려하십시오.

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

'Notepad ++-> Plugins-> XmlTools-> Pretty print (Xml only with line breaks)'(CTRL + ALT + SHIFT + B) 함수는이를 다음과 같이 변환합니다.

<span class="myClass"/>

브라우저에서 더 이상 올바르게 표시되지 않습니다! 이 함수를 사용하여 HTML을 들여 쓰는 것에 대해 강력히 조언합니다.

대신 Tidy2 플러그인을 사용하십시오 . 이렇게하면 나쁜 부작용없이 HTML을 올바르게 들여 쓰기 할 수 있습니다 (하지만 <html>, <head>, <body>, ...코드 주변에 요소가없는 경우 에도 요소 가 생성됩니다 ).

— 콘스탄틴
소스

6

너무 많이. 아마추어로서 HTML / 난 그냥 내 페이지 그냥 전혀 렌더링하지 않은 이유를 이해하려고 노력 끔찍한 반 한 시간이 있었다 JS 학습자 - 그리고 그 이유는 그 한 <script src="somewhere"></script>으로 붕괴<script src="somewhere"/>

— Artalus

흠 ... 64 비트 버전의 Notepad ++에서는 작동하지 않는 것 같습니다.

— Keyvan Sadralodabai

1

@KeyvanSadralodabai 대부분의 플러그인 (플러그인 관리자 포함)은 아직 x64에서 사용할 수 없습니다. Notepad ++ 플러그인을 사용하는 경우 플러그인을 사용할 수 있도록 대신 32 비트 버전의 Notepad ++를 설치하는 것이 좋습니다. 이것이 옵션이 아니라면 다른 편집기를 사용해야합니다. 예를 들어 Sublime Text

— Constantin

1

네 말이 맞아요. 내가 왜 딜 킬러라고 생각했는지 모르겠다. 64 비트로 그다지 향상되지는 않는다.

— Keyvan Sadralodabai

1

참고로 "Plugin Manager"(내장 된 Plugin Admin과 다름)는 현재 64 비트 버전으로 제공되지만 Tidy2는 여전히 64 비트로 제공되지 않습니다.

— Étienne

21

1 단계 : 메모장에서 플러그인 관리자 열기 ++

플러그인-> 플러그인 관리자-> 플러그인 관리자 표시.

2 단계 : XML 도구 플러그인 설치

"사용 가능"옵션에서 "XML 도구"를 검색 한 다음 설치를 클릭합니다.

이제 바로 가기 키 CTRL + ALT + SHIFT + B를 사용하여 코드를 들여 쓸 수 있습니다.

— 안쿠 르자인
소스

16

이 답변은 위의 이전 답변과 동일하며 HTML이 아닌 XML에 대한 것입니다!

— bytedev

12

당신을위한 해결책이 있습니다.

라는 플러그인을 설치하기 만하면 Indent By Fold됩니다.

를 통해 설치할 수 있습니다 Plugins -> Plugin Manager -> Show Plugin Manager. 또는 Plugins -> Plugins Admin -> chekmark Indent By Fold from list설치보다

그런 다음 목록 항목을 선택하기 만하면 첫 번째 단어를 입력 한 다음 얻을 수 있습니다.

메뉴 표시 줄의 플러그인에서이 플러그인을 사용할 수 있습니다.

— 니 시트 진주 바디야
소스

HTML의 경우 이는 올바른 들여 쓰기를 생성하며, 여기서 XML 도구는 HTML <-> XML 차이로 인해 불균형 들여 쓰기를 생성합니다.

— jlbenc

1

내가 볼 수있는 한 플러그인 관리자에서 더 이상 사용할 수 없습니다.

— Devil 's Advocate

그냥 내가 ++ N의 64 비트 버전을 사용하고 있기 때문에 아마 그 실현

— 악마의 옹호자

이것이 정답입니다. 보다 나은 작품 XML Tools.

— EkoJR

그것은 단지 .. 당신이 문서의 나머지는 들여 쓰기되지 않는다 "화면에서"받은 코드에서 작동

— 조브

2

Constantin의 답변을 바탕으로 기본 HTML 편집기로 Notepad ++로 전환하면서 배운 내용의 핵심이 있습니다.

Notepad ++ 32 비트 설치

64 비트 버전의 Tidy2 및 기타 인기있는 플러그인은 없습니다. 32 비트 버전의 NPP에는 실질적인 단점이 거의 없으므로 64 비트 버전을 사용하십시오.

플러그인 관리자 설치

플러그인 관리자는 플러그인 사용에 꼭 필요한 것은 아닙니다. 그래도 일이 훨씬 쉬워집니다.

개발자가 포함 된 어트 리뷰 션 링크를 좋아하지 않았기 때문에 플러그인 관리자가 코어 패키지에서 제거 되었습니다.

Plugin Manager 플러그인이 공식 배포판에서 제거되었음을 알 수 있습니다. 그 이유는 Plugin Manager의 대화 상자에 광고가 포함되어 있기 때문입니다. 저는 응용 프로그램의 광고가 싫습니다. 광고가 없었고 Notepad ++에는 광고가 없을 것입니다.

수동 설치이지만 어렵지 않습니다.

다운로드 UNI를 (32 비트) 우편 패키지를하고 압축을 풉니 다. 내부에는 plugins 및 updater 라는 폴더가 있습니다 . 각각은 하나의 파일을 포함합니다.
이 두 파일을 Notepad ++ 설치 디렉터리의 동일한 이름이 지정된 폴더로 끕니다. 일반적으로 C:\Program Files (x86)\Notepad++.
Notepad ++를 다시 시작하고 설치 / 업데이트 프롬프트를 따릅니다.

이제 플러그인 관리자 용 플러그인 아래에 새 항목이 표시됩니다.

설치 Tidy2 (또는 선호하는 대안)

플러그인 관리자에서 Tidy2 확인란을 선택합니다. 설치를 클릭하십시오. 메시지가 나타나면 다시 시작하십시오.

Tidy2를 사용하려면 플러그인 하위 메뉴 항목에서 미리 구성된 프로필 중 하나를 선택하거나 직접 만듭니다.

— Isherwood
소스

0

Notepadd ++ v7.5.9 (32 비트)에서 "Indent by fold"플러그인이 html 콘텐츠에서 잘 작동합니다.

플러그인 관리자에서 검색 및 설치
"플러그인"> "접어서 들여 쓰기"> "파일 다시 들여 쓰기"사용

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

— Daweb
소스

0

Notepad ++ v7.8.9에서는 Tab키를 사용 하여 들여 쓰기 수준을 높이고을 사용 하여 들여 쓰기 수준 Shift + Tab을 낮출 수 있습니다.

— Tes3awy
소스