javascript Twitterのシェアボタン 改行をいれたい

Question

Vue.js 3を使って入力内容をtwitterへ投稿するコードを書きました。

  methods: {
    twitterShare() {
      //シェアする画面を設定
      var shareURL =
        "https://twitter.com/intent/tweet?text=" +
        "タイトル:"+this.title+
        "コメント:"+this.comment+
        "%20%23bookband" +
        "&url=" +
        "https://xxxxxxxxxxxx";
        window.open(shareURL, 'twitter', 'top=200,left=300,width=600,height=400')
    },
  },

    return {
      title: "",
      comment: "",

「タイトル:」　「コメント:」の間に改行を入れたいのですが、「\n」だと「\n」以降の文字がtwitterへ投稿する内容に含まれなくなります。

どうすれば 「タイトル:」　「コメント:」の間に改行を入れられるでしょうか？

Comments

[m.ts10806]

URLエンコードについてはどうですか？

あぁ、回答ついてた。

Answer 1

「URLエンコード 改行」でググってください。

Comments

[Fukusuke0604]

コメントありがとうございます。
「URLエンコード 改行」で調べてコードを書いてみたのですが、

twitterShare() {
const br = "\r\n"
let shareURL =
"https://twitter.com/intent/tweet?text=" +
"タイトル:"+this.title+
decodeURI(br);
"コメント:"+this.comment+
"%20%23XXX" +
"&url=" +
"https://xxxxxxxx";
window.open(shareURL, 'twitter', 'top=200,left=300,width=600,height=400')
},

twitterへpostする際にdecodeURI(br);　以降の文字が表示されなくなりました。

上記コードの様に、const brに改行コード"\r\n"を代入し、let shareURL内で改行したい箇所にdecodeURI(br);
を入れたところ、twitter投稿画面にdecodeURI(br);以降の文字が出力されないくりました。

改行コードは "\r\n"で間違い無いでしょうか？
改行コードはOSごとに異なる。といった内容を見受けますが、どのOSからブラウジングしても改行が入る方法はあるのでしょうか？
改行には　decodeURI();関数を使う。という認識で間違い無いでしょうか？

[5ugarVVatch1ng]

decodeURIではなくencodeURIComponentを利用してください。
改行コードに関しては分からないです。多分"\n"…

[Fukusuke0604]

グローバル関数を使わず、%0D%0A　で改行できました、
twitterShare() {
//シェアする画面を設定
let title_twitter = this.title
let shareURL =
"https://twitter.com/intent/tweet?text=" +
"タイトル:"+this.title +
"%0D%0A" + //改行
"コメント:"+this.comment+
"%0D%0A" + //改行
"%20%23XXX" +
"%0D%0A" + //改行
"&url=" +
"%20%23XXX" +
"https://xxxxxxxx";
window.open(shareURL, 'twitter', 'top=200,left=300,width=600,height=400')
},

参考サイト
https://www.findxfine.com/programming/php/995561507.html#:~:text=%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AEURL%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF,(CRLF)%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82