Tabela HTML ordenada

Question

Eu preciso de uma maneira muito rápida e fácil de classificar tabelas HTML. As linhas da tabela contêm imagens que devem permanecer com a linha apropriada. Eu tentei colar meu HTML no Libre Office calc, mas as imagens não são coladas em linhas, então a classificação não é possível.

BTW, eu não quero uma tabela classificável . Eu quero uma tabela ordenada. Quando terminar, quero apenas uma tabela HTML simples que possa colar em uma página do blog, mas quero que os itens da tabela sejam classificados.

Eu quero começar com minha tabela HTML limpa, colá-la em um aplicativo, classificar a tabela e obter a nova fonte HTML sem adicionar nenhum estilo adicionado ou lixo. Parece simples, mas não consigo encontrar uma solução.

Exemplo de uma tabela que desejo classificar:

<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>

    

Answer 1

Você pode usar o Editor Ex (parte do Vi / Vim) conforme demonstrado no seguinte comando shell :

$ 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

^{O exemplo acima está usando a ferramenta de linha de comando html2text para exibir o HTML analisado do stdin (instalar, se necessário).}

Para salvar a tabela classificada no novo arquivo, substitua +%p -scq! por +'wq! sorted.html' , então:

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

Explicação:

• +"cmd" - Executa o comando Vim.
• g/<tr/;,/tr>/join - junta linhas entre <tr/ e tr> (para facilitar a classificação).
• /<table\_.\{-}\zs<tr/;,/table>/ - Seleciona o conteúdo entre os primeiros <tr/ e /table> .
• sort /.\{-}<a href/ - Classifique acima da seleção para as linhas iniciadas após <a href/ .
• +%p - buffer de rints P .
• -scq! - S ilently q use o editor sem salvar.

Confira exemplos semelhantes aqui .