[0233/title-comment] コメント文をタイトルに表示する機能を実装

[cwtickle]

変更内容

1. コメント文をタイトルに表示する機能を実装しました。
   譜面内に下記のように記載することでコメントエリアがタイトル画面に表示され、
   その中にコメントが表示されます。
   改行すると<br>タグが自動で付加される仕様です。タグも使用可能にしています。

|commentVal=
このような形で
コメントを入れます。
<img src="image.png" alt="画像タグや"><a href="index.html">リンクも可能です。</a>
|

2. 自動で<br>を入れたくない場合は下記のように指定できるようにしました。
   ※デフォルトはtrue(自動改行タグ挿入が有効)です。

|commentAutoBr=false|

3. コメントをタイトル画面からのボタンではなく、
   ダンおに本体の外部に置きたい場合は下記の譜面ヘッダーを指定します。
   ※デフォルトはfalse(コメントをタイトル画面内に配置する)です。

|commentExternal=true|

外部化する場合、html側で次の指定を行います。
指定した箇所が、コメント部に置き換えられます。

<span id="commentArea"></span>　※divタグでも問題ありません。

変更理由

1. コメント表示を手軽に載せる需要より。
2. 移植等で、すでに<br>を入れている可能性があるため。
3. html本体を簡素化し、譜面本体で制御できるようにするため。

その他コメント

• 特殊文字はWikiを参考にエスケープが必要です。
  （特にシングルクォート、バッククォートには要注意）
  ダブルクォートは譜面データの区切り文字には使用されていないため、必須ではありません。

[cwtickle]

取り急ぎ、下記の作品レベルの実装まで完了しました。
https://cw7.sakura.ne.jp/danoni/2020/0001_Positive3rdShort_ev.html

[cwtickle]

コメントエリアの背景・テキスト文は固定色になっています。
今後どうするかは引き続き検討します。

[codeclimate]

Code Climate has analyzed commit 289e959 and detected 0 issues on this pull request.

View more on Code Climate.