Notepad ++ 및 Dreamweaver - 탭 변환

나는 한 팀의 개발자로 일하고있다. 일부는 Dreamweaver를 사용하는 것을 좋아하지만 실제로는 Notepad ++를 선호합니다. 문제는 우리가 서로 파일을 편집해야 할 때마다 발생하며 탭은 위로 / 맞추기 (들여 쓰기)와 일치하지 않습니다. Dreamweaver 설정 또는 Notepad ++ 설정에서 이러한 탭을 다른 것으로 변환하여 일치시킬 수있는 방법이 있는지 궁금합니다. 이게 가능한가 / 어떻게?

예제들

상단 이미지는 Notepad ++의 간단한 CSS이며 하단은 Dreamweaver의 코드입니다.

왼쪽 이미지는 Notepad ++ Tab Settings이며 4로 설정되어 있습니다. 오른쪽 이미지는 Dreamweaver Code Formatting이며 탭이 4로 설정되어 있습니다.

왼쪽 이미지가 Dreamweaver이고 오른쪽 이미지가 Notepad ++이며 Courier New 10px와 동일한 글꼴을 사용하는 것으로 보이지만 보이지는 않습니다.

불일치

위의 예에서 드림위버 브래킷을 직접 h6 그때 tab 전체 4 칸 대신에 2 칸을 사용합니다. 메모장 + + 아주 이상한 "7 space"탭을합니다.

나는이 문제가 CSS 파일을위한 Notepad ++의 기본 스타일링이라고 믿는다.

설정 / 스타일 구성 도구의 메뉴 항목으로 이동 한 다음 CSS 및 태그를 클릭하면 다음과 같이 표시됩니다.

사용 된 글꼴은 @Batang (개인적으로 들어 보거나 사용하지 않은 글꼴)이라는 것을 알 수 있습니다. 이 글꼴은 고정 폭 글꼴처럼 보이지 않습니다.

글꼴을 기본값으로 변경하고 저장 & amp; 닫기 :

다음은 첫 번째 이미지가이 변경 이전의 두 번째 이미지 인 디스플레이입니다.

두 번째 이미지는 변경 이후부터 모노 스페이스 글꼴과 훨씬 비슷하게 보입니다.

Dreamweaver와 더 잘 일치하도록 글꼴을 좀 더 변경할 수 있습니다. 그러나, 나는 그것을 사용하지 않기 때문에, 나는 그것이 CSS를 표시하기 위해 어떤 폰트를 사용하는지 모른다.

이미지를 자세히 살펴보면 Notepad ++가 고정 폭 글꼴을 올바르게 렌더링하지 않는다는 것을 알 수 있습니다. 공백 문자와 관련된 문제 인 것 같습니다. 어떻게보기 h4 태그가 일치하지 않습니다. Dreamweaver 스크린 샷과 비교해보십시오. 모든 캐릭터가 깔끔한 열로 늘어서 있습니다.

이 StackOverflow 질문 같은 문제를 해결하는 것 같아 문제를 일으키는 CSS 템플릿 파일에 뭔가가있을 수 있습니다.