折りたたみ可能なサブディレクトリを備えた再帰的なディレクトリ リストをブラウザに表示する単一の (静的) HTML ファイルを生成したいと考えています。
現在、次の方法でツリーを使用しています。
tree -H http://dl.dropbox.com/u/<user_id> > web/directory_listing.html
これにより、HTML の再帰的なディレクトリ (およびファイル) リストが生成されます。わかりやすくするために、ディレクトリの内容をデフォルトで折りたたんでおきたいと思います。ディレクトリを選択すると、選択したディレクトリ内のディレクトリとファイルが展開され、同じページに表示されます。
このタイプの HTML を生成する方法はありますか? おそらく、ツリーの出力が変更される可能性があります。単一の HTML ファイル リストが必要な理由は、サーバー コントロールがあまりないためです (これは Dropbox でホストするためです)。
ご協力ありがとうございました
のようなものを使用して立ち往生している場合はtree、要素の表示/非表示効果を実現するために JavaScript を追加してください。tree -Hこれは、ツリーの HTML ( ) 出力の最後に JavaScript ファイルを連結することで簡単に実現できます。
tree -H http://dl.dropbox.com/u/<user_id> > web/directory_listing_part.html
cat web/directory_listing_part.html web/some_file_containing_your_javascript_code > web/directory_listing.html
必要に応じて、JavaScript を使用して追加のスタイルを提供することもできます。
このページを見てください：
http://mama.indstate.edu/users/ice/00Tree.html
これは、達成できるフォーマットの種類の良い例です。javascript/jquery で簡単にフックできるクラス名の使用に注意してください