質問: 初めてこちらを利用させて頂きます、プログラミング未経験な為、至らないところがありましたら申し訳ございません。 ### 前提・実現したいこと 内容としては、PC・スマートフォンにて記入したメモ(プレーンテキストファイル)を、HTML形式で見やすく表示させる形を目指しています。 アプリ専用ソフトは必要とせず、ブラウザのみで機種依存しない閲覧方法を考えているためです。 その際、マークダウン形式に似たような表現で処理できればと考えています。 例えば、文章先頭に「###」と記入してあれば、ヘッダー3として扱われ太字や間隔の装飾をして文章を出力できたら望ましいです。 イメージとしては下図の様な単純な内容です。 ![![目標イメージ](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/39ecca0ae1a18a444fdba6968b600ee5.jpeg) 現状は、**テキストファイルを読み込んで表示する**、程度まで出来た形です。 > > HTML5/ JavaScript でテキストファイルを読み込んで表示 - Qiita > > > こちら様のコードを引用利用しました。 ### 発生している問題 つぎに躓いている部分は、**表示される文章をどう改変・装飾すれば良いのか**というところです。 1. 装飾判定部分(###等)を元に、ページ内を装飾する。 2. 先頭の装飾判定部分(###等)を自動消去する。 文字列を検索して、条件にあった部分に装飾用classを割り当てる?ような方法をすれば良いのでしょうか。 恐らくJavaScriptを利用するのであろうとは思うのですが、知識が乏しいためご助言頂ければ幸いです。 ### 現状のソースコード ``` daylog index ``` > > HTML5 / JavaScript でテキストファイルを読み込んで表示 - Qiita > > > こちら様のコードを引用利用しました。
回答: markedのようなJavaScript向けのMarkdownパーサーがありますので、そういったものを使うのが手っ取り早いかと思います。Markdownそのものをハンドリングできます。