☰

정렬된 HTML 테이블

tag-icon • tag-icon sort html table
정렬된 HTML 테이블

HTML 테이블을 정렬하는 매우 빠르고 쉬운 방법이 필요합니다. 테이블 행에는 해당 행에 남아 있어야 하는 이미지가 포함되어 있습니다. HTML을 Libre Office calc에 붙여넣으려고 했지만 이미지가 행에 붙여넣어지지 않아 정렬할 수 없었습니다.

그건 그렇고, 나는 원하지 않는다정렬 가능테이블. 나는 정렬된 테이블을 원한다. 이 작업이 완료되면 블로그 페이지에 붙여넣을 수 있는 일반 HTML 표를 원하지만 표의 항목은 정렬되기를 원합니다.

깨끗한 HTML 테이블로 시작하여 이를 애플리케이션에 붙여넣고, 테이블을 정렬하고, 스타일이나 쓰레기를 추가하지 않고 새 HTML 소스를 가져오고 싶습니다. 간단해 보이지만 해결책을 찾을 수 없습니다.

정렬하려는 테이블의 예:

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<table style="text-align: left; width: 100%;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"> <a
href="http://example.com/images/a"> <img
src="http://example.com/images/a_thumb.jpeg" alt="image of a"> </a> </td>
<td style="vertical-align: top;">a<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><a
href="http://example.com/images/f"> <img
src="http://example.com/images/f_thumb.jpeg" alt="image of f"> </a> </td>
<td style="vertical-align: top;">f<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><a
href="http://example.com/images/c"> <img
src="http://example.com/images/c_thumb.jpeg" alt="image of c"> </a> </td>
<td style="vertical-align: top;">c<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><a
href="http://example.com/images/b"> <img
src="http://example.com/images/b_thumb.jpeg" alt="image of b"> </a> </td>
<td style="vertical-align: top;">b<br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
</body>
</html>

답변1

당신은 그것을 사용할 수 있습니다전 편집자(Vi/Vim의 일부) 다음 셸 명령에 표시된 대로:

$ ex +"g/<tr/;,/tr>/join" +"/<table\_.\{-}\zs<tr/;,/table>/sort /.\{-}<a href/" +%p -scq! table.html | html2text 
[image of a]
a
[image of b]
b
[image of c]
c
[image of f]
f

위의 예는 html2text명령줄 도구(필요한 경우 설치)를 사용하여 stdin에서 구문 분석된 HTML을 표시합니다.

정렬된 테이블을 새 파일에 저장하려면 다음 +%p -scq!과 +'wq! sorted.html'같이 로 바꾸세요.

ex +"g/<tr/;,/tr>/join" +"/<table\_.\{-}\zs<tr/;,/table>/sort /.\{-}<a href/" +'wq! sorted.html' table.html

설명하다:

  • +"cmd"- Vim 명령을 실행합니다.
  • g/<tr/;,/tr>/join- <tr/과 사이의 행을 연결합니다 tr>(더 쉬운 정렬을 위해).
  • /<table\_.\{-}\zs<tr/;,/table>/- 첫 번째 <tr/와 사이의 모든 항목을 선택합니다 /table>.
  • sort /.\{-}<a href/- 위에서 선택한 행을 부터 정렬합니다 <a href/.
  • +%p-인린트 버퍼.
  • -scq!-에스아무 말 않고큐저장하지 않고 편집기를 닫습니다.

비슷한 예 보기여기.

관련 정보