# テキストを改行させたい

**URL:** <https://community.shopify.com/t/topic/211666>\
**Category:** 技術的なQ＆A\
**Created:** [April 27, 2023, 4:30am UTC](https://community.shopify.com/t/topic/211666 "2023-04-27T04:30:40Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

Shopifyの「Dawn」テーマでカスタムセクションを作成した際、テキストフィールドで改行ができない問題について質問がありました。

**初期の問題:**
- `"type": "text"` で作成したフィールドで改行タグ `<br>` を入力しても、そのまま文字列として出力されてしまう

**解決方法:**
1. セクション設定の `type` を `"text"` から `"html"` に変更
2. カスタマイズ画面で `<br>` タグを使用してテキストを入力
3. 出力コードから `| escape` フィルターを削除

**原因:**
`{{ section.settings.text_input | escape }}` の `escape` フィルターがHTMLタグをエスケープ（無効化）していたため、改行が機能していませんでした。

質問者は `escape` を削除することで改行が正常に表示されることを確認し、問題が解決しました。

<div class="post-metadata">

**Author:** ![hatahata](https://avatars.discourse-cdn.com/v4/letter/h/2acd7d/32.png) [@hatahata](https://community.shopify.com/u/hatahata)\
**Post date:** [April 27, 2023, 4:30am UTC](https://community.shopify.com/t/topic/211666/1 "2023-04-27T04:30:40Z")

</div>

テーマ「Dawn」を使用。

新しくセクションを作成し、

【 “type”: “text” 】にてテキストを入力できるようにしましたが、改行することが出来ません。

リッチテキストも試しましたが、改行すると  
タグがそのまま出力される（改行もされない）状態です。

改行させる方法があればご教授お願いいたします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [April 27, 2023, 8:41am UTC](https://community.shopify.com/t/topic/211666/2 "2023-04-27T08:41:05Z")

</div>

Hatahata 様

お世話になっております。

ご質問確認いたしました。

typeをhtmlにし、カスタマイズからHTMLを記述して見てください。

改行は、brタグを使えばできます。

[https://shopify.dev/docs/themes/architecture/settings/input-settings#html](https://shopify.dev/docs/themes/architecture/settings/input-settings#html)

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

---

<div class="post-metadata">

**Author:** ![hatahata](https://avatars.discourse-cdn.com/v4/letter/h/2acd7d/32.png) [@hatahata](https://community.shopify.com/u/hatahata)\
**Post date:** [April 27, 2023, 9:44am UTC](https://community.shopify.com/t/topic/211666/3 "2023-04-27T09:44:01Z")

</div>

ご回答ありがとうございます。

下記のようにtypeをhtml変更後、カスタマイズで  
をつけてテキスト入力すると

{  
“type”: “html”,  
“id”: “text\_input”,  
“label”: “テキスト入力”,  
“default”: “テキストが入ります。”  
},

『テキストテキスト  
テキストテキスト』と表示されてしまい改行がされませんでした。

---

<div class="post-metadata">

**Author:** ![hatahata](https://avatars.discourse-cdn.com/v4/letter/h/2acd7d/32.png) [@hatahata](https://community.shopify.com/u/hatahata)\
**Post date:** [April 27, 2023, 9:51am UTC](https://community.shopify.com/t/topic/211666/4 "2023-04-27T09:51:58Z")

</div>

何度も申し訳ございません。

コードを出力する際{{ section.settings.text\_input | escape}}にてescapeさせていたことが原因でした！

escape削除後、改行を確認することが出来ました。

初歩的なご質問に答えていただきありがとうございました！