メインコンテンツにスキップ

プロパティに文字列フィルターを設定する

テキストボックスにCMSプロパティや、リスト・コンポーネントなどのプロパティを紐づけた際に、文字列フィルターを設定して表示内容をカスタマイズできます。

今日アップデートされました

Point:Studioのプロパティ

Studioには、デザインエディタ内の静的なリストコンポーネントで使う「プロパティ」と、Studio CMSで利用する「CMSプロパティ」があります。
静的なプロパティは、そのページやコンポーネントの中だけで完結する値を扱う場合に適しています。
一方でCMSプロパティは、CMSモデルに紐づいた「タイトル」「本文」「サムネイル画像」などの情報を管理し、複数のページで共通して利用できます。
それぞれのプロパティで利用できる項目や設定方法の詳細は、次のヘルプ記事を参照してください。

設定できる文字列フィルター

設定できる文字列フィルターは次の通りです。

  • 日付をフォーマット

  • 文字列を短縮

  • タグを除去

  • 見出しを抽出

文字列フィルターを設定する手順

  1. プロパティが紐付けられたテキストボックスを選択します。

  2. [テキスト]タブを選択します。

  3. [テキスト]入力フィールドでプロパティ名をクリックします。

  4. [+フィルターを追加]で、文字列フィルターを追加して設定します。


日付をフォーマット

日時・曜日・時間の表示フォーマットを指定する文字列フィルターです。

「YYYY/MM/DD」とすると「2022/01/31」(西暦/月/日)と表示されます。

指定できるフォーマットについては、Format | Day.js を参考に設定してください。


文字列を短縮

表示する文字数を指定できる文字列フィルターです。


タグを除去

除去する文字を指定できる文字列フィルターです。

テキストプロパティにCMS記事アイテムのBody(記事本文のプロパティ)が指定されている場合には、自動で作用してHTMLタグを除去して表示します。


見出しを抽出

本文中に設定された見出しを抽出して表示する文字列フィルターです。


日付 短縮

こちらの回答で解決しましたか?