Briefing Text - Revision history

MjnMixael at 18:39, 28 October 2026

2026-10-28T18:39:03Z

← Older revision		Revision as of 18:39, 28 October 2026
Line 1:		Line 1:
	These tags can be used to manipulate text messages in command and mission briefings, and the fiction viewer. As of r10846, they work in debriefings, too.		These tags can be used to manipulate text messages in command and mission briefings, and the fiction viewer. As of r10846, they work in debriefings, too.

	[[SCPUI]] has its own HTML-based syntax to styling text.		[https://github.com/MjnMixael/SCPUI/wiki SCPUI] has its own HTML-based syntax to styling text.

	==Colors==		==Colors==
Line 51:		Line 51:
	==Styling text in SCPUI==		==Styling text in SCPUI==

	[[SCPUI]] has its own HTML-based approach to styling text. It works everywhere that classic color tags do - briefings (including command, loop, and red alert briefings), debriefings, and the fiction viewer - but also the tech room, campaign descriptions, and nearly everywhere that long-form text is supported. For it to work in briefings, the text must be put in "HTML mode" by putting <code>!html</code> at the start, followed by a space. Everywhere else will work without that tag.		[https://github.com/MjnMixael/SCPUI/wiki SCPUI] has its own HTML-based approach to styling text. It works everywhere that classic color tags do - briefings (including command, loop, and red alert briefings), debriefings, and the fiction viewer - but also the tech room, campaign descriptions, and nearly everywhere that long-form text is supported. For it to work in briefings, the text must be put in "HTML mode" by putting <code>!html</code> at the start, followed by a space. Everywhere else will work without that tag.

	Text in HTML mode may contain HTML markup. Text may be styled using <code><span></code> tags with appropriate classes drawn from common.rcss; inline styles are also supported. FSO and HTML both make use of double quotes and slashes; to minimize conflicts, using single quotes and writing slashes as <code>$slash</code> is recommended. A complete example might look something like this: <code>!html <span class='white'>Pilot attend!<$slashspan> Today, we'll be escorting the <span class='green italic'>GTC Examplar<$slashspan> as she raids <span class='red'>Shivan<$slashspan> positions throughout <span class='yellow'>Gamma Draconis<$slashspan>.</code>		Text in HTML mode may contain HTML markup. Text may be styled using <code><span></code> tags with appropriate classes drawn from common.rcss; inline styles are also supported. FSO and HTML both make use of double quotes and slashes; to minimize conflicts, using single quotes and writing slashes as <code>$slash</code> is recommended. A complete example might look something like this: <code>!html <span class='white'>Pilot attend!<$slashspan> Today, we'll be escorting the <span class='green italic'>GTC Examplar<$slashspan> as she raids <span class='red'>Shivan<$slashspan> positions throughout <span class='yellow'>Gamma Draconis<$slashspan>.</code>

	It is, however, rarely necessary to perform simple styling like this manually: SCPUI's [[Keywords.tbl]] may be used to automate common styling rules.		It is, however, rarely necessary to perform simple styling like this manually: SCPUI's [https://github.com/MjnMixael/SCPUI/wiki/keywords.tbl Keywords.tbl] may be used to automate common styling rules.

	[[Category:FRED Tips]]		[[Category:FRED Tips]]

MjnMixael: /* Styling text in SCPUI */

2024-08-28T16:12:07Z

Styling text in SCPUI

← Older revision		Revision as of 16:12, 28 August 2024
Line 51:		Line 51:
	==Styling text in SCPUI==		==Styling text in SCPUI==

	[[SCPUI]] has its own HTML-based approach to styling text. It works everywhere that classic color tags do - briefings (including command, loop, and red alert briefings), debriefings, and the fiction viewer - but also the tech room, campaign descriptions, and nearly everywhere that long-form text is supported. For it to work, the text must be put in "HTML mode" by putting <code>!html</code> at the start, followed by a space.		[[SCPUI]] has its own HTML-based approach to styling text. It works everywhere that classic color tags do - briefings (including command, loop, and red alert briefings), debriefings, and the fiction viewer - but also the tech room, campaign descriptions, and nearly everywhere that long-form text is supported. For it to work in briefings, the text must be put in "HTML mode" by putting <code>!html</code> at the start, followed by a space. Everywhere else will work without that tag.

	Text in HTML mode may contain HTML markup. Text may be styled using <code><span></code> tags with appropriate classes drawn from common.rcss; inline styles are also supported. FSO and HTML both make use of double quotes and slashes; to minimize conflicts, using single quotes and writing slashes as <code>$slash</code> is recommended. A complete example might look something like this: <code>!html <span class='white'>Pilot attend!<$slashspan> Today, we'll be escorting the <span class='green italic'>GTC Examplar<$slashspan> as she raids <span class='red'>Shivan<$slashspan> positions throughout <span class='yellow'>Gamma Draconis<$slashspan>.</code>		Text in HTML mode may contain HTML markup. Text may be styled using <code><span></code> tags with appropriate classes drawn from common.rcss; inline styles are also supported. FSO and HTML both make use of double quotes and slashes; to minimize conflicts, using single quotes and writing slashes as <code>$slash</code> is recommended. A complete example might look something like this: <code>!html <span class='white'>Pilot attend!<$slashspan> Today, we'll be escorting the <span class='green italic'>GTC Examplar<$slashspan> as she raids <span class='red'>Shivan<$slashspan> positions throughout <span class='yellow'>Gamma Draconis<$slashspan>.</code>

Naomimyselfandi at 22:42, 27 August 2024

2024-08-27T22:42:36Z

← Older revision		Revision as of 22:42, 27 August 2024
Line 1:		Line 1:
	These tags can be used to manipulate text messages in command and mission briefings, and the fiction viewer. As of r10846, they work in debriefings, too.		These tags can be used to manipulate text messages in command and mission briefings, and the fiction viewer. As of r10846, they work in debriefings, too.

			[[SCPUI]] has its own HTML-based syntax to styling text.

	==Colors==		==Colors==
Line 46:		Line 48:
	**This method requires FSO build 8786 or later.		**This method requires FSO build 8786 or later.
	**As of r10846, color spans work across linebreaks as well (either manually-added, or automatic from wordwrapping).		**As of r10846, color spans work across linebreaks as well (either manually-added, or automatic from wordwrapping).

			==Styling text in SCPUI==

			[[SCPUI]] has its own HTML-based approach to styling text. It works everywhere that classic color tags do - briefings (including command, loop, and red alert briefings), debriefings, and the fiction viewer - but also the tech room, campaign descriptions, and nearly everywhere that long-form text is supported. For it to work, the text must be put in "HTML mode" by putting <code>!html</code> at the start, followed by a space.

			Text in HTML mode may contain HTML markup. Text may be styled using <code><span></code> tags with appropriate classes drawn from common.rcss; inline styles are also supported. FSO and HTML both make use of double quotes and slashes; to minimize conflicts, using single quotes and writing slashes as <code>$slash</code> is recommended. A complete example might look something like this: <code>!html <span class='white'>Pilot attend!<$slashspan> Today, we'll be escorting the <span class='green italic'>GTC Examplar<$slashspan> as she raids <span class='red'>Shivan<$slashspan> positions throughout <span class='yellow'>Gamma Draconis<$slashspan>.</code>

			It is, however, rarely necessary to perform simple styling like this manually: SCPUI's [[Keywords.tbl]] may be used to automate common styling rules.

	[[Category:FRED Tips]]		[[Category:FRED Tips]]

AdmiralRalwood: Adding Orange; belatedly mentioning that color tags can be customized now.

2016-06-23T15:12:42Z

Adding Orange; belatedly mentioning that color tags can be customized now.

← Older revision		Revision as of 15:12, 23 June 2016
Line 3:		Line 3:
	==Colors==		==Colors==

	The hue of these colors can be changed with the [[Colors.tbl]] but the tags will remain the same.		The hue of these colors can be changed with the [[Colors.tbl]] but the tags will remain the same. As of r10926, the tags can also be customized.

	A note about color tags: The color tag will work on all font until a space is encountered. There needs to be a space after the tag, before the text to be colorized (although it's not actually required after r5840, it is recommended due to the way FSO wordwrapping works). There is a method to color spans of text, which is discussed in the Misc section below.		A note about color tags: The color tag will work on all font until a space is encountered. There needs to be a space after the tag, before the text to be colorized (although it's not actually required after r5840, it is recommended due to the way FSO wordwrapping works). There is a method to color spans of text, which is discussed in the Misc section below.
Line 26:		Line 26:
	*'''<span style="color:#B99696">Pink</span>: $p'''		*'''<span style="color:#B99696">Pink</span>: $p'''
	*'''<span style="color:#E6BEBE">Bright Pink</span>: $P'''		*'''<span style="color:#E6BEBE">Bright Pink</span>: $P'''
			*'''<span style="color:#FF7F00">Orange</span>: $o'''

	==Misc==		==Misc==

AdmiralRalwood: They work in recommendations, too.

2014-07-05T21:07:32Z

They work in recommendations, too.

← Older revision		Revision as of 21:07, 5 July 2014
Line 1:		Line 1:
	These tags can be used to manipulate text messages in command and mission briefings, and the fiction viewer. As of r10846, they work in ~~debriefing stages~~, too.		These tags can be used to manipulate text messages in command and mission briefings, and the fiction viewer. As of r10846, they work in debriefings, too.

	==Colors==		==Colors==

AdmiralRalwood: Let's not forget they also work in the FV.

2014-07-05T15:03:50Z

Let's not forget they also work in the FV.

← Older revision		Revision as of 15:03, 5 July 2014
Line 1:		Line 1:
	These tags can be used to manipulate text messages in command and mission briefings. As of r10846, they work in debriefing stages, too.		These tags can be used to manipulate text messages in command and mission briefings, and the fiction viewer. As of r10846, they work in debriefing stages, too.

	==Colors==		==Colors==

AdmiralRalwood: The times, they are a-changing...

2014-07-05T15:03:03Z

The times, they are a-changing...

← Older revision		Revision as of 15:03, 5 July 2014
Line 1:		Line 1:
	These tags can be used to manipulate text messages in command and mission briefings. ~~They don't~~ work in debriefing stages.		These tags can be used to manipulate text messages in command and mission briefings. As of r10846, they work in debriefing stages, too.

	==Colors==		==Colors==
Line 5:		Line 5:
	The hue of these colors can be changed with the [[Colors.tbl]] but the tags will remain the same.		The hue of these colors can be changed with the [[Colors.tbl]] but the tags will remain the same.

	A note about color tags: The color tag will work on all font until a space is encountered. There ~~must also~~ be a space after the tag ~~and~~ before the text to be ~~colored~~. There is a method to color spans of text, which is discussed in the Misc section below.		A note about color tags: The color tag will work on all font until a space is encountered. There needs to be a space after the tag, before the text to be colorized (although it's not actually required after r5840, it is recommended due to the way FSO wordwrapping works). There is a method to color spans of text, which is discussed in the Misc section below.

	Example: '$b This is $b blue $b text' will show as '<span style="color:#5D5D80">This</span> is <span style="color:#5D5D80">blue text</span>'		Example: '$b This is $b blue $b text' will show as '<span style="color:#5D5D80">This</span> is <span style="color:#5D5D80">blue text</span>'
Line 32:		Line 32:
	**$g Standard Green = '''<span style="color:#007800">Standard</span> Green'''.		**$g Standard Green = '''<span style="color:#007800">Standard</span> Green'''.
	**$g Stand$\|ard Green = '''<span style="color:#007800">Stand</span>ard Green'''.		**$g Stand$\|ard Green = '''<span style="color:#007800">Stand</span>ard Green'''.
			***If the above causes wordwrapping oddness, you may want to write $g Stand$\| ard Green (output is identical: '''<span style="color:#007800">Stand</span>ard Green''').
	*$quote will create double quotes.		*$quote will create double quotes.
	**Goober is $quotesilly$quote = Goober is "silly".		**Goober is $quotesilly$quote = Goober is "silly".
Line 43:		Line 44:
	**This method will color special characters such as the comma ',', question mark '?', and exclamation point '!'		**This method will color special characters such as the comma ',', question mark '?', and exclamation point '!'
	**This method requires FSO build 8786 or later.		**This method requires FSO build 8786 or later.
			**As of r10846, color spans work across linebreaks as well (either manually-added, or automatic from wordwrapping).

	[[Category:FRED Tips]]		[[Category:FRED Tips]]

MjnMixael at 01:27, 15 May 2012

2012-05-15T01:27:26Z

← Older revision		Revision as of 01:27, 15 May 2012
Line 42:		Line 42:
	**The $y{ quick $g{ brown fox $r jumps over $} the lazy $} dog. = '''The <span style="color:#FFFF7A">quick <span style="color:#007800">brown fox <span style="color:#7E0606">jumps</span> over</span> the lazy</span> dog.'''		**The $y{ quick $g{ brown fox $r jumps over $} the lazy $} dog. = '''The <span style="color:#FFFF7A">quick <span style="color:#007800">brown fox <span style="color:#7E0606">jumps</span> over</span> the lazy</span> dog.'''
	**This method will color special characters such as the comma ',', question mark '?', and exclamation point '!'		**This method will color special characters such as the comma ',', question mark '?', and exclamation point '!'
	**This method requires FSO build ~~8784~~ or later.		**This method requires FSO build 8786 or later.

	[[Category:FRED Tips]]		[[Category:FRED Tips]]

MjnMixael at 01:27, 15 May 2012

2012-05-15T01:27:11Z

← Older revision		Revision as of 01:27, 15 May 2012
Line 39:		Line 39:
	*$f, $h, & $n will color the text with the default colors for Friendly, Hostile and Neutral respectively. The colors are defined in the [[iff_defs.tbl]].		*$f, $h, & $n will color the text with the default colors for Friendly, Hostile and Neutral respectively. The colors are defined in the [[iff_defs.tbl]].
	*Most special characters such as the comma ',', question mark '?', and exclamation point '!' cannot be colored as of 3.6.14.		*Most special characters such as the comma ',', question mark '?', and exclamation point '!' cannot be colored as of 3.6.14.
	*To color spans of text use $c{ and $c}.		*To color spans of text use $c{ and $}.
	**The $y{ quick $g{ brown fox $r jumps over $g} the lazy $y} dog. = '''The <span style="color:#FFFF7A">quick <span style="color:#007800">brown fox <span style="color:#7E0606">jumps</span> over</span> the lazy</span> dog.'''		**The $y{ quick $g{ brown fox $r jumps over $} the lazy $} dog. = '''The <span style="color:#FFFF7A">quick <span style="color:#007800">brown fox <span style="color:#7E0606">jumps</span> over</span> the lazy</span> dog.'''
	**This method will color special characters such as the comma ',', question mark '?', and exclamation point '!'		**This method will color special characters such as the comma ',', question mark '?', and exclamation point '!'
	**This method requires FSO build 8784 or later.		**This method requires FSO build 8784 or later.

	[[Category:FRED Tips]]		[[Category:FRED Tips]]

MjnMixael: /* Misc */

2012-05-14T16:14:41Z

Misc

← Older revision		Revision as of 16:14, 14 May 2012
Line 41:		Line 41:
	*To color spans of text use $c{ and $c}.		*To color spans of text use $c{ and $c}.
	**The $y{ quick $g{ brown fox $r jumps over $g} the lazy $y} dog. = '''The <span style="color:#FFFF7A">quick <span style="color:#007800">brown fox <span style="color:#7E0606">jumps</span> over</span> the lazy</span> dog.'''		**The $y{ quick $g{ brown fox $r jumps over $g} the lazy $y} dog. = '''The <span style="color:#FFFF7A">quick <span style="color:#007800">brown fox <span style="color:#7E0606">jumps</span> over</span> the lazy</span> dog.'''
			**This method will color special characters such as the comma ',', question mark '?', and exclamation point '!'
	**This method requires FSO build 8784 or later.		**This method requires FSO build 8784 or later.

	[[Category:FRED Tips]]		[[Category:FRED Tips]]