BBCode

On this page you find the documentation for how to format text in your BagaWork apps using BBCode.

Introduction

Various GUI components display text on the screen, such as the Text component and the Button component (using the configuration method textWithBBCod() instead of text()). That text can contain BBCode, which are instructions about how the text should be formatted. You will find the BBCode tags BagaWork supports on this page.

[b] - Making text bold

To make text display as bold, surround the text with [b] and [/b].

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Hello, [b]how are[/b] you?`
		)
	}
}

[i] - Making text italic

To make text display as italic, surround the text with [i] and [/i].

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Hello, [i]how are[/i] you?`
		)
	}
}

[u] - Making text underlined

To make text display as underlined, surround the text with [u] and [/u].

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Hello, [u]how are[/u] you?`
		)
	}
}

[s] - Making text strikedhroughed

To make text display as strikethoughed, surround the text with [s] and [/s].

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Hello, [s]how are[/s] you?`
		)
	}
}

[size] - Changing the size of the text

To change the size of the text, surround the text with [size=THE_SIZE] and [/size], where THE_SIZE is the number of millimeters tall the text should be.

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Hello, [size=15]how are[/size] you?`
		)
	}
}

[color] - Changing the color of the text

To change the color of the text, surround the text with [color=THE_COLOR] and [/color], where THE_COLOR is the english name of the color the text should have, such as red or blue.

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Hello, [color=red]how are[/color] you?`
		)
	}
}

[url] - Making text a URL

To make text display as a URL the user can click on to open the webpage the URL leads to in a web browser, surround the text with [url] and [/url].

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Go to [url]https://nintendo.se[/url].`
		)
	}
}

If you want the URL to display another text, surround the text with [url=THE_URL] and [/url].

class StartPage extends Page{
	createGui(){
		return Text.textWithBBCode(
			`Go to [url=https://nintendo.se]Nintendo's website[/url].`
		)
	}
}