【Bubble】テキストがURLのときに自動でリンクにする方法

ノーコードツール「Bubble」でURLを表示させたときに自動でその文字列をリンクにする方法をご紹介。

使い道はたとえば、チャットルームでユーザーが送信したメッセージをText elementでDynamic Dataで表示しているとこなどで使えます。

Text elementのAppearanceの設定を１箇所いじるだけで実装できるのでぜひ実践してみてくださいませェー！

動画解説バージョンはこちら！

無料で資料をダウンロード

ノーコード開発お役立ち資料3点セット

計100ページ近い大ボリュームでノーコード開発について解説

• ノーコード開発会社の選び方
• EPICsのノーコード受託開発の特徴
• 支援実績・事例集

氏名

法人名

メールアドレス

電話番号

送信ボタンを押すことで、個人情報の取扱いについてに同意したとみなされます

実装イメージ

チャットルームで実装したときのイメージです。

X（旧Twitter）やインスタグラムのリンクの場合は、クリックしたユーザーがそのSNSのアプリなどにログインしている場合はちゃんとアプリが開きます。

リンク色もAppearanceで変更可能です。

Recognize links and emailsにチェックを入れるだけ！

実装方法はめちゃくちゃ簡単！

Text elementのAppearanceの中にある[ Recognize links and emails ]にチェックを入れるだけです。

リンクの色はそのすぐ下の[ Link color ]で変更できますよ。