현재 위치

홈 ›› Forums ›› 공부 ›› 설치 및 활용 QnA

emacs에서 html깔끔하게 보기

isolist의 이미지
글쓴이: isolist / 작성시간: 수, 2006/02/15 - 12:20오전

동일한 소스를 emacs와 edit plus 에서 불러온것입니다.
화면밖 긴줄 경우 edit plus 는 깔끔하게 내어쓰기로 한눈에 알아보기 좋게 되는데 emacs는 지저분해서 알아 볼 수가 없네요.
긴 줄이 그냥 다음 줄 처음 부터 표시되어 정신이 없습니다.

또한
자바 스크립트가 있는 경우 그냥 무시되고 회색으로 나오는데 어떻게하면 html 과같이 하이라이팅이 될수 있을까요?
html helper 모드를 쓰고 있습니다.

File attachments: 
첨부파일 크기
Image icon edit_emacs.jpg166.25 KB
Forums: 
설치 및 활용 QnA
cinsk의 이미지

글쓴이: cinsk / 작성시간: 수, 2006/02/15 - 8:41오전

Quote:

화면밖 긴줄 경우 edit plus 는 깔끔하게 내어쓰기로 한눈에 알아보기 좋게 되는데 emacs는 지저분해서 알아 볼 수가 없네요.
긴 줄이 그냥 다음 줄 처음 부터 표시되어 정신이 없습니다.

개인의 취향에 따라, "지저분"하고 "정신없는" 모드를 더 선호하는 사람도 있습니다. 그렇지 않은 경우 (예:EditPlus) 한 파일에서 딱 한 줄이 유난히 길 때, 이 줄의 뒷부분을 볼 때, 나머지 줄들은 화면에 보이지 않기 때문에 오히려 더 알아보기 힘듭니다.

요점은, 개인의 취향에 따라서 어느 방식을 선호하느냐가 달린 것이지, 무조건 폄하할 것이 아니라는 것입니다.

답부터 알려 드리자면, 변수 truncate-lines와 truncate-partial-width-windows를 설정해서 두 모드를 다 사용할 수 있습니다.

M-x toggle-truncate-lines은 현재 버퍼에 대해 줄 잘림(truncate line) 보기를 on/off합니다. 전체 버퍼에 대해 이 모드를 설정하려면, init file에 다음과 같이 써 줍니다:

(setq-default 'truncate-lines t)

Windows 크기가 Emacs frame 크기보다 작을 경우는 truncate-line 변수의 내용을 보기 전, 먼저 truncate-partial-width-windows 변수를 참고합니다.
자세한 내용은 Manual을 읽기 바랍니다. 

$ info emacs display display

C FAQ: http://www.eskimo.com/~scs/C-faq/top.html
Korean Ver: http://cinsk.github.io/cfaqs/

익명 사용자의 이미지

글쓴이: 익명 사용자 / 작성시간: 수, 2006/02/15 - 12:53오후

낯설은 화면에 대한 폄하는 아니구요 :lol: . 습관에 따른 주관적인 표현이었습니다.
초보다 보니 이것저것 건디는게 정신이없네요.
답변해주신 정보 큰 도움이 되었습니다.
감사합니다 ^^

fox9의 이미지

글쓴이: fox9 / 작성시간: 수, 2006/02/15 - 1:27오후

줄과 관련된 부분은 위에서 다른 분들이 말씀해 주셨고
html등에 들어간 자바스크립트 등은 그렇게 보이지는 않지만
multi-mode 등을 통해서 비슷하게(?) 혹은 더 희안하게(?) 만들 수 있습니다.
대략 설명을 해보면 커서가 html테그안에서는 html-mode로 해서 html처럼 하일라이팅을 해주고 JavaScript 영역 안에서는 java형태로 하일라이팅 해주고 또 php코드영역 안에서는 php로 하일라이팅 해주고 하는 식의 사용이 가능합니다.

http://www.emacswiki.org/cgi-bin/wiki/MultipleModes

cinsk의 이미지

글쓴이: cinsk / 작성시간: 수, 2006/02/15 - 2:08오후

fox9 wrote:
줄과 관련된 부분은 위에서 다른 분들이 말씀해 주셨고
html등에 들어간 자바스크립트 등은 그렇게 보이지는 않지만
multi-mode 등을 통해서 비슷하게(?) 혹은 더 희안하게(?) 만들 수 있습니다.
대략 설명을 해보면 커서가 html테그안에서는 html-mode로 해서 html처럼 하일라이팅을 해주고 JavaScript 영역 안에서는 java형태로 하일라이팅 해주고 또 php코드영역 안에서는 php로 하일라이팅 해주고 하는 식의 사용이 가능합니다.

http://www.emacswiki.org/cgi-bin/wiki/MultipleModes

오~ 좋은 정보네요. 직접 써 보지는 않았지만, HTML 관련 코딩하시는 분들에게는 꽤 좋은 정보가 될 것 같네요. :)

C FAQ: http://www.eskimo.com/~scs/C-faq/top.html
Korean Ver: http://cinsk.github.io/cfaqs/

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.