HTML5를 정리 / 들여 넣을 수있는 도구는 무엇입니까? [닫은]


13

나는 이미 구글 검색과 다양한 도구를 시도하는 데 약 2 시간을 보냈지 만 말 당 태그를 들여 쓰지 않거나 3 년 전에 마지막으로 업데이트 된 유명한 HTML 깔끔함 과 같은 HTML5와 호환되지 않습니다 ...

NB 나는 이것을 페이지의 소스 (PHP 또는 JS 가하는 것처럼)에 적용하고 싶지 않고 편집기의 코드에 적용하여 태그 사이에 명확한 계층이 나타납니다.

이상적으로는 Mac OS X 도구를 원하지만 온라인 도구를 사용하여 마지막으로 Wine 호환 도구를 사용합니다.

내가 공황에서 코다를 사용하는 순간 PS


2
Netbeans 는 SHIFT + ALT + F를 통한 코드 포맷을 지원합니다. 대부분의 편집기는 비슷한 기능을 가지고 있습니다. 사용하는 매뉴얼을 확인하십시오. 참조 : groups.google.com/group/coda-users/browse_thread/thread/…
feeela

Netbeans는 (thx)하지만 링크가 표시하는 것처럼 Coda는 수행하지 않습니다.
WaterBearer

그러나 링크 토론에서 언급 한 다른 두 가지 프로그램이있다.
feeela

HTML5 요소에 대한 지원을 추가하는 Coda 확장을 찾을 것이라고 생각합니다.
모세

답변:


6

Aptana Studio 2 는 편집> 형식 메뉴에서 원하는 작업을 수행합니다. 나는 그것을 사용했으며 html, css 및 javascript 형식입니다.

WYSIWYG 편집기 BlueGriffon은 파일을 열 때 html 형식을 지정할 수도 있습니다.

두 솔루션 모두 무료이며 오픈 소스이지만 Aptana가 더 좋습니다. BG가 모든 코드를 변경하지 않고 유지하는지 확실하지 않습니다.

노트:

  1. Aptana 2는 설치 후 올바르게 구성해야하지만 훌륭한 html5 / css / javascript 편집기 / IDE입니다. 기본 설정은 약간 빠릅니다.
  2. Aptana 3는 원하는 작업을 수행하지 않을 수 있습니다. 내가 시도한 버전은 그것을하지 않았다.

개인적으로, 나는 Eclipse IDE (Iclipse : P를 좋아하지 않음)를 싫어합니다.
Alerty

Aptana는 html / css / js를위한 훌륭한 프로그램으로, 큰 함수에서 자바 스크립트에서 대괄호 또는 중괄호를 여는 것과 닫는 것을 추적하는 것은 dreamweaver의 고통입니다.
Anagio

프로젝트 파일을 다른 IDE에서 Aptana로 이동하고 들여 쓰기가 엉망이 된 후에 이것은 생명을 구했습니다. 나는 수천 줄을 모두 수동으로 다시 들여 쓰기했습니다. Aptana 3에서는 소스 메뉴> 형식에 있습니다.
bowlerae


3

온라인 도구를 찾고 있었기 때문에 아무것도 찾지 못한 것 같습니다.
나는 그것을하는 Coda 플러그인 PHP & Toolkit 을 지적 했다. 또한 Taco와 같은 대부분의 HTML 편집기는 기본적으로 수행합니다 (그러나 Coda는 아님).


1

나는 에스프레소 2를 겸손히 제안한다 .

그들의 웹 사이트에서 :

단 하나 뿐인 CSSEdit 3-CSSEdit의 수상 경력에 빛나는 시각 도구로 이제 Espresso 내부에 있습니다. 다중 브라우저 그라디언트, 그림자 등을위한 멋진 CSS3 지원.

X-ray를 사용한 웹 미리보기 — CSS가 웹 레이아웃에 미치는 영향을 확인하고 여백과 패딩을 시각화하고 모든 페이지 요소에 대한 관련 스타일 규칙을 빠르게 찾을 수 있습니다.

강력하고 효율적인 코딩 — CodeSense, 코드 폴딩, 스마트 스 니펫, Zen 코딩 및 드래그 앤 드롭 네비게이터를 사용하면 더 짧은 시간에 더 나은 코드를 작성할 수 있습니다.

라이브 스타일링 및 재정의 — 웹 사이트의 CSS를 편집하고 실시간으로 업데이트되는 것을 확인하십시오. 저장, 게시 또는 다시로드 할 필요가 없습니다. 실험과 조정은 결코 재미 있지 않았습니다.

손쉬운 동기화 및 게시 — 빠른 게시, 서버 동기화 및 찾아보기를 통해 모든 서버 기반 워크 플로에 적합한 도구를 제공합니다. 새로운 Vroom 엔진은 매우 빠릅니다.

작업 흐름에 맞는 작업 공간 — 혁신적인 작업 공간은 프로젝트 파일과 원활하게 통합하면서 탭의 유연성을 제공합니다.

환상적인 찾기 — 바늘과 건초 더미는 에스프레소를 만납니다. 프로젝트 전체의 찾기 및 바꾸기, 빠른 필터 및 색상이있는 정규식을 사용하면 파일 또는 텍스트를 쉽게 검색 할 수 있습니다.

언어 지원 — 향상된 HTML5, CSS3, JavaScript 및 PHP; 완전히 새로운 Ruby, Python, Apache 및 Markdown. 또는 XML / JS Sugar로 Espresso를 확장하십시오.

Mac Appstorm에서 리뷰 를 읽고 품질에 대한 아이디어를 얻을 수 있습니다. 그들은 10/10을 준다 .


1

Eclipse는 HTML5를 들여 쓰기 / 포맷하는 적절한 작업을 수행하는 것 같습니다. HMTL 편집기에로드 된 HTML 파일에서 일반적인 형식 명령 (Ctrl-Shift-F)을 사용하면 형식이 변경됩니다.

이를 조정하려면 환경 설정-> 웹-> html 파일-> 편집기로 이동하십시오. 여기에서 유효성 검사를 제어 할 수도 있습니다. (Iclipse v4.2.2를 사용하고 있습니다.)

HTML 편집기를 사용하려면 Eclipse 설치에 Web Tools 플랫폼이 포함되어 있어야합니다 (자세한 내용은 이 답변 참조).


0

작업을 수행하는 Mac OS X 도구를 찾고 있다면 TextMate 라고 말할 것 입니다.

나는 보통 많은 들여 쓰기를하고 내가 찾은 최고의 것이 그 것입니다.

내가 좋아하는 것은 실제로 코드를 재정렬 하지는 않지만 태그가 아닌 레벨별로 중첩 및 들여 쓰기를 확인하는 형식으로 코드를 다시 들여 쓰기 한다는 것 입니다.

"들여 쓰기 선택"기능이 특히 유용합니다.


텍스트 메이트를 사용하는데 언제 HTML에 대해 좋은 형식 지정 동작을 도입 했습니까? 내가 찾은 모든 것이 꽤 나빴으므로 공유하십시오. 나는 여전히 1.5를 사용하고 있지만.
davidcondrey

0

JetBrains PhpStorm 은 HTML, CSS 또는 PHP의 들여 쓰기로 훌륭하고 직관적으로 작동합니다. PHPStorm 설정에서 변경할 수있는 들여 쓰기 유형 (탭 또는 공백).


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.