# 改行やスペースを無効にする方法

**URL:** <https://www.nocode-faq.com/t/topic/2501>\
**Category:** bubble\
**Created:** [2022 年 1 月 2 日午後 5:41 UTC](https://www.nocode-faq.com/t/topic/2501 "2022-01-02T17:41:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![takashi](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@takashi](https://www.nocode-faq.com/u/takashi)\
**Post date:** [2022 年 1 月 2 日午後 5:41 UTC](https://www.nocode-faq.com/t/topic/2501/1 "2022-01-02T17:41:51Z")

</div>

### ・前提条件 ・発生している問題・エラーメッセージ ・実装したい機能

改行やスペースを含めたテキストデータを、改行やスペースを省いた状態でtextエレメントに表示させたいです。  
もし上記の内容が可能であれば、その方法をご教示いただきたいです！

(DBに追加する際に改行やスペースを省いた状態にする、みたいな感じでも問題ありません！)

### スクリーンショット

イメージはTwitterのプロフィールです。

 ![IMG_8E7A5E01C90D-1](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/febe1b304fe1d9c854975f42d1ea9f4416c4d09b.jpeg)

よろしくお願いいたします！

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2022 年 1 月 3 日午前 1:08 UTC](https://www.nocode-faq.com/t/topic/2501/2 "2022-01-03T01:08:45Z")

</div>

テキストの後の「More」をクリックして、Find &Replaceを使うと解決できます。

![2022-01-03_12h00_16](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f1fe4a4e9f661b49f0937f838e4ca02e7e073644.png)

「Text to find」に改行を入力し、「Replace by」に何も入力しなければ、改行が無に変換されます。  
データベースに保存するときも、同じ要領でやれば、改行やスペースを無くすことができます。

また、今回の要件とは少し違いますが、「:trimmed」を使えば、文字列の先端と末尾のスペースを削除することもできます。

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2022 年 1 月 3 日午前 1:18 UTC](https://www.nocode-faq.com/t/topic/2501/3 "2022-01-03T01:18:43Z")

</div>

「:find & replace」を使い、正規表現で実現します。  
「\s」で、半角スペース、タブ、改行のどれか1文字を表します。

 ![ScreenShot 2022-01-03 10.15.32](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/52c7473b68b969eb97d90aeddcffe82237b91b03.png)

---

<div class="post-metadata">

**Author:** ![takashi](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@takashi](https://www.nocode-faq.com/u/takashi)\
**Post date:** [2022 年 1 月 3 日午前 11:21 UTC](https://www.nocode-faq.com/t/topic/2501/4 "2022-01-03T11:21:25Z")

</div>

@Aki_Sydney @jansnap

お二人ともご丁寧にありがとうございます！

上記の方法を試したところ、やりたいことを実現することができました🙇‍♂️