-
1:ID:QMmPIP · 2018-02-19

jQueryを使ってtextareaに整形したテキストを流し込もうとしてるんだけどiOSだけ改行が上手くいきません。
助けて!

13 件の回答

3:ID:4xmG26 · 2018-02-20

$('textarea').val('どう書いてる\nの?');

4:ID:A.4w3Q · 2018-02-20

Re:2
ごめんなさい。これの意味が分からんとです。

6:ID:A.4w3Q · 2018-02-20

Re:4
一応ですが。出力時に文字列を組み合わせる場合に "\n" を付与して
$('textarea').val("こう\nですね。");
これで出力している感じです。

Winでは上手くいっているおり、Safariの問題かなと思いましたがiOSのChromeでも同様の現象になるので悩んでおります…。

7:ID:A.4w3Q · 2018-02-20

Re:3
$('textarea').val("こう\nですね。");
これでiPhone、iPadが上手く行かずに悩んでます。思い当たる節はありますでしょうか?

$(".parent").html("<textare>こう\nですね。</textarea>");
こういった書き方にすれば上手く行きますが、あまりスマートではなく…。

8:ID:4xmG26 · 2018-02-21

Re:7
ダメっぽいね
https://qiita.com/dvorak__/items/de3f5a8c134b5e79ab4f

まあ、replaceWithのほうがいいと思うけど
var textarea = $('textarea');
var text = textarea.val() + '\ntest';
textarea.replaceWith(textarea.clone().val(text).text(text));

9:ID:aqhtwg · 2018-02-21
10:ID:aqhtwg · 2018-02-21

Re:9
残念ながらIE11では動作しないですが…

11:ID:aqhtwg · 2018-02-21

Re:9
これならIE11でも動作しました

https://codepen.io/noidea-xyz/pen/mXLrOz

12:ID:A.4w3Q · 2018-02-21

Re:8
replaceWithを完全に失念してました…。中身とタグを別々に取得してガッチャンコして処理してましたがこちらの書き方が断然いいですね。精進します。

13:ID:A.4w3Q · 2018-02-21

Re:11
あれ?動いてる?
と思いましたが自分のサイトにコピペしてiPhoneで確認したらやっぱり改行されず…。
jQueryのバージョンかと思いましたが、そうでもないようです…。なんだろうこれ…。

中身をPOSTするとしっかり「\n」としてPOSTできているので見た目が気持ち悪い感じです。

14:ID:aqhtwg · 2018-02-22

Re:9
サイトにコピペして動かないって事は
裏で何か動いているのかもしれませんね
textareaタグ全てをjsで操作しているとか…

2 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る