☰

ソートされた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!-S何も言わずにキュー保存せずにエディタを閉じます。

同様の例を見るここ。

関連情報