code

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

codestyles 2020. 10. 29. 08:10
반응형

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


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


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


이 질문에 대한 답은 틀렸을뿐만 아니라 위험합니다. 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>, ...코드 주변에 요소가없는 경우 에도 요소 가 생성됩니다 ).


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

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

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

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

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


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

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

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

그런 다음 목록 항목을 선택하고 필요한 것은 첫 번째 단어를 입력 한 다음 가져 오는 것입니다.

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



Constantin의 답변을 바탕으로 기본 HTML 편집기로 Notepad ++로 전환하는 동안 배운 내용의 본질이 있습니다.

Notepad ++ 32 비트 설치

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

플러그인 관리자 설치

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

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

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

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

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

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

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

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

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


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

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

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

참고 URL : https://stackoverflow.com/questions/28199308/how-to-indent-html-tags-in-notepad

반응형