The code component

Displays one or many blocks of code from a programming language or formated text as XML or JSON.

Introduced in SQLPage v0.19.0.

Top-level parameters

name	required	type	description
class		TEXT	class attribute added to the container in HTML. It can be used to apply custom styling to this item through css. Added in v0.18.0.
id		TEXT	id attribute added to the container in HTML. It can be used to target this item through css or for scrolling to this item through links (use "#id" in link url).

Row-level parameters

name	required	type	description
contents	REQUIRED	TEXT	A block of code.
description		TEXT	Description of the snipet of code.
description_md		TEXT	Rich text in the markdown format. Among others, this allows you to write bold text using bold, italics using italics, and links using [text](https://example.com).
language		TEXT	Set the programming language name.
title		TEXT	Set the heading level (default level is 1)

Example 1

Displays a block of HTML code.

select 
    'code' as component;
select 
    'A HTML5 example' as title,
    'html'            as language,
    'Here’s the very minimum that an HTML document should contain, assuming it has CSS and JavaScript linked to it.' as description,
    '<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>title</title>
		<link rel="stylesheet" href="style.css">
		<script src="script.js"></script>
	</head>
	<body>
		<!-- page content -->
	</body>
</html>' as contents;

Result

A HTML5 example

Here’s the very minimum that an HTML document should contain, assuming it has CSS and JavaScript linked to it.

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>title</title>
		<link rel="stylesheet" href="style.css">
		<script src="script.js"></script>
	</head>
	<body>
		<!-- page content -->
	</body>
</html>