リッチテキストマークアップ

*このコンテンツは、ベータ版のAI（人工知能）を使用して翻訳されており、エラーが含まれている可能性があります。このページを英語で表示するには、 こちら をクリックしてください。

UI rich text は、シンプルなマークアップタグを使用して、文字列のセクションを強調、イタリック、下線、色を塗り、ストロークバージョンなどをスタイルに応用します。You can apply styling tags to TextLabel、TextButton、および 1>Class.Toolbar1> オブジェクト。

リッチテキストを有効化する

プロパティの [リッチテキスト] プロパティを、true ウィンドウの 1>[リッチテキスト]1> プロパティ、または 4>[クラス.ローカルスクリプト]4> 内のプロパティを設定して有効にする必要があります。

local title = Instance.new("TextLabel")

title.RichText = true



title.Text = "Use a <b>bold title</b>"

サポートされているタグ

リッチテキストタグは、XML/HTMLタグと似ていますが、フォーマットされたテキストの周りに開始タグと終了タグを含める必要があります。

<b>Formatted Text</b>

タグを逆順に開くことで、他のタグを中にネストすることもできます。

<b><i><u>Formatted Text</u></i></b>

色

<font color=""> </font>

I want the <font color="#FF7800">orange</font> candy.``I want the <font color="rgb(255,125,0)">orange</font> candy.

サイズ

<font size=""> </font>

<font size="40">This is big.</font> <font size="20">This is small.</font>

フォントの顔

<font face=""> </font>

<font face="Michroma">This is Michroma face.</font>

フォントファミリー

<font family=""> </font>

<font family="rbxasset://fonts/families/Michroma.json">This is Michroma face.</font>

フォントの重量

<font weight=""> </font>

This is normal. <font weight="heavy">This is heavy.</font> This is normal. <font weight="900">This is heavy.</font>

ストローク

<stroke> </stroke>

You won <stroke color="#00A2FF" joins="miter" thickness="2" transparency="0.25">25 gems</stroke>.

透明度

<font transparency=""> </font>

Text at <font transparency="0.5">50% transparency</font>.

大胆

<b> </b>

Text in <b>bold</b>.

イタリック

<i> </i>

Text <i>italicized</i>.

アンダーライン

<u> </u>

Text <u>underlined</u>.

ストライクスルー

severity: minor ---

Text with strikethrough

行の空行

<br />

New line occurs after this sentence.<br />Next sentence...

大文字

<uppercase> </uppercase> <uc> </uc>

<uppercase>Uppercase</uppercase> makes words read loudly! <uc>Uppercase</uc> makes words read loudly!

小さなキャップ

<smallcaps> </smallcaps> <sc> </sc>

My name is <smallcaps>Diva Dragonslayer</smallcaps>. My name is <sc>Diva Dragonslayer</sc>.

コメント

<!-- -->

After this is a comment...<!--This does not appear in the final text--> and now more text...

エスケープフォーム

特定のキャラクターを < または > といったようにレンダリングし、リッチテキストタグの一部として考慮されないようにするには、彼らの エスケープフォーム に書き込むことができます。

キャラクター脱出例結果
< &lt;10 &lt; 10010 < 100
> &gt;100 &gt; 10100 > 10
"「 &quot;Meet &quot;Diva Dragonslayer&quot;「Diva Dragonslayer」に会う
' &apos;Diva&apos;s pet is a falcon!ディーバのペットはファルコンです！
& &amp;Render another escape form <b>&amp;lt;</b> by escaping an ampersandamperand を脱出することで別のエスケープフォームをレンダリングします &lt;