emacs에 대한 * 좋은 * HTML 모드가 있습니까?


23

나는 이맥스를 좋아한다.

웹 프로그래밍 작업을하고
싶지만 HTML을 올바르게 편집하는 방법을 찾을 수 없습니다.

진심으로 끔찍합니다.

HTML, 잘하지만 PHP, 자바 스크립트 등은하지 않습니다.

html-helper-mode를 얻으려고했습니다 ... 다운로드하여 / usr / local / share / emacs / site-lisp에 넣고 내 .emacs 파일에 추가했습니다.

(autoload 'html-helper-mode "html-helper-mode" "Yay HTML" t)
  (setq auto-mode-alist (cons '("\\.html$" . html-helper-mode) auto-mode-alist))

일부 사이트에서 복사하여 붙여 넣습니다.
아무 것도 강조하지 않습니다.

나는 많은 모드를 다운로드하고 다른 모드를 사용하여 함께 묶어 보았습니다.

Emacs는 다른 모든면에서 훌륭합니다. 왜 웹 페이지를 편집하는 간단한 작업을 수행 할 수 없습니까? 요즘 편집자들이하는 것은 꽤 표준적인 일입니다.

그래서, 이것을하는 방법을 아는 사람이 있습니까?

답변:


4

Emacs Wiki HTML 페이지 를 체크 아웃 했습니까 ? 특히 nxhtml 이 유용하게 보입니다.


4
유용하게 보이지만 사용하기가 매우 고통 스럽습니다. 느리게로드되고, 제대로 들여 쓰기되지 않고, 못 생기고, 느리게 실행되며, 모든 것을 빨간색으로 강조 표시 한 다음 모두 기울임 꼴로 표시하고 고통 스럽습니다 ...
Carson Myers

1
nxhtml을 성공적으로 사용했습니다. 글꼴 색상 및 기울임 꼴은 모두면을 사용자 정의하여 제어 할 수 있습니다.
Doug Harris

35

나는 당신과 같은 문제가 있었으므로 웹 모드 를 작성하기로 결정했습니다 .

여기에 이미지 설명을 입력하십시오

Web-mode.el은 혼합 웹 템플릿 (Java / JSP, PHP, CSS, JavaScript가 포함 된 HTML)을 편집하기위한 Emacs의 주요 모드입니다.

다른 모드에 의존하지 않습니다. 코드 블록 유형에 따라 구문 강조 및 들여 쓰기를 수행합니다. 나는 약간의 하우투 페이지를 썼다.

  • web-mode.el 웹 템플릿 (PHP, Java / JSP, JavaScript, CSS 스타일 포함 HTML) 편집을위한 주요 모드입니다.
  • web-mode.el는 완전한 기능을 갖춘 PHP 또는 JS 모드가 될 수 없습니다. (우리는 템플릿에서 여러 줄의 코드 블록을 권장하지 않습니다!).

기본 기능

  • 스마트 들여 쓰기 (컨텍스트에 따라 : HTML, PHP, Java / JSP, JavaScript 또는 CSS)
  • 코드 탐색 : C-c C-nHTML 태그 열기 및 닫기 사이 또는 PHP 컨트롤 사이>-if ... else ... endif, for ... endfor
  • HTML 태그 자동 닫기
  • 구문 강조 (블록 유형에 따라)
  • 스 니펫 삽입 C-c C-i(자동 들여 쓰기, 텍스트 선택 인식)
  • 자동 삽입 (예 : ?>이후 <?php)

말하자면, 그것은 내 하루를 저장 ... 감사합니다 @fxbois! 나는 그것을 좋아한다. 마지막으로 html, css, java 등의 혼합 들여 쓰기를 얻을 수 있습니다. Python으로 할 수 있습니까?
swdev

@ swdev는이 파이썬 호환성 요청에 대해 github에서 문제를 열 ​​수 있습니까? 템플릿 구문 문서 및 그러한 템플릿의 예에 대한 링크를 보낼 수 있습니다.
fxbois

깔끔하게 보이지만 psgml과 같은 실제 구문 분석기를 사용하는 대신 HTML 구문 분석에 regexp를 사용하는 것 같습니다.
David N. Welton

3
실제 파서 란 무엇을 의미합니까? <로 시작하고> 등으로 끝나는 태그를 찾기 위해 문서를 탐색합니다. 제한이 있습니까? 발견되면 주저하지 말고 github repo
fxbois

3

사용 가능한 모드에 만족하지 못했지만 최근 html-modeyasnippet및로 보강 된 일반 이전을 사용하여 행복을 찾았습니다 tidy.el. 다른 답변에서 언급했듯이 nxhtml 모드는 xhtml을 작성하는 경우 유용합니다.

PHP와 자바 스크립트를 강조하고 싶다면을보고 mmm-mode여러 주요 모드를 한 번에 실행할 수 있습니다. 나는 그것을 사용한 적이 없으므로 충돌하는 키 바인딩 등을 누가 처리하는지 알지 못하므로 그 길을 느껴야합니다.


3

부여 멀티 웹 모드를 시도, 그것은 웹을 염두에 편집 디자인 작은 모드, 그것은 때 포인트 이동 주위 해당 전공을 선택합니다.


0

다중 모드가 올바르게 작동하지 않는 혼합 모드 편집에 nXhtml 모드를 사용합니다. 그것은 약간의 바위 타는 것이었지만 최근 빌드는 유용하다는 것이 입증되었습니다. Emacs 23 FWIW를 사용하고 있습니다.

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