icsファイル 文字化け

Question

下記のコードで.icsファイルを作成しているのですが

const msgData3 = this.state.eventName

の部分でカレンダーのイベント名を日本語で定義しているのですが
カレンダーに追加した時に文字化けが起こります。
同じ問題に直面した方はいらっしゃいますでしょうか？

開発環境は
React Typescript です

const msgData1 = getUTC(this.state.eventDate)
    const  msgData2 = getUTC(this.state.eventDate)
     const msgData3 = this.state.eventName
    const icsMSG = "BEGIN:VCALENDAR\nVERSION:2.0\nPRODID:-//\nBEGIN:VEVENT\nDTSTAMP:20120315T170000Z\nDTSTART:" + msgData1 + "\nDTEND:" + msgData2 + "\nSUMMARY:" + [msgData3] + "\nEND:VEVENT\nEND:VCALENDAR";
 
      return window.open( "data:text/calendar;charset=utf8," + escape(icsMSG))

Answer 1

\nにしたら解決いたしました

Answer 2

LF("\n") のみの改行を CRLF ("\r\n") にしてみてはいかがでしょうか？

WikiPedia iCalender の外部リンクに記載されたRFC5545文書を調べてみると
改行コードについての定めがありました。

追記）
上記、改行コードの変更とともに、

DataURL スキームのデータ部（icsMSG）をescape()から次のエンコード方式に変えてみてください。

1. encodeURIComponent() でパーセントエンコーディングにしてみる
2. データ形式 に base64を指定した上で atob()でBase64エンコードする

Comments

[imasyou]

("\n")を全て("\r\n") に置き換えるということでしょうか？

[AkitoshiManabe]

そのつもりで回答させていただきました。

[imasyou]

\nにしたら解決いたしました
ありがとうございます

[AkitoshiManabe]

改行コードは今も悩みの種ですよね。とにかく、解決されてよかったです。