このように『>』で区切られている下の文章をツリーとして見やすいようなページ表示を作成したいと考えています。
表示の参考になりそうなのはインターネットの掲示板かも？
区切りとスレッド表示について
◆ 大項目1
『↓』で区切られた記載はスレッドに紐づくようなレイアウトで表示したいです。
『>』で区切りとした行の文章はタイトルとして『sledpage_images.png』『history_imgzoom_2000.gif』を参考に
タイトル行にしてほしいです。
URL記載がある箇所については、そのURLに表示される内容を埋め込み表示として出したいです。
画像や動画の表示の下にはソースのURLを青字で小さく表示しておきます。
youtubeのURLが記載されている場合は、動画のサムネイルを埋め込んで表示できるようにしたいです。
Twitter（現在はX）のURLが記載されている場合、ツイートの内容を埋め込んでください。
画像のURLを張り付けている場合も、リンク先の画像を取得して表示できるようにします。
直接リソースファイルを指定して表示できるようにもしたいです。
HTMLと同じ階層に配置された『resource』フォルダに画像を格納するため、そこに格納されている画像をパスで指定できるようにします。
今回はGithubにリソースを配置した上で、クラウドフレアでページをデプロイする予定のため、Githubフォルダにこのresourceフォルダも
配置している想定となります。
GifのURLやresourceファイルを指定された際は、そのGifも閲覧できるようにしたいです。
◆ 大項目2
大項目として区切った内容についてはスレッドを分けて表示してほしいです。
このように階層で考えられるようにしたいです。
ページ
┗[◆大項目]
┗[>区切り]
┗[↓スレッド返信風]
そのままだと区切り記号と普通の記号の判別ができないため、行の1文字目に使われているかで判別してほしいです。
また、『』や[]で区切られているものも除外対象にしたいです。