Skip to content
GitHubGet started
HomeBlogChangelogCloudGitHub
Docs
Get started
QuickstartSet up with an AI agent
Tutorial
Step 1: Simple landing pageStep 2: Add a list of blocksStep 3: Add a root for shared layout contentStep 4: Adding a blogStep 5: Use a catch-all slug route
Upgrading from 1.x
Content model
Schema
TypeDocument
Fields
PathTextRich TextListTabsSelectNumberCheckDate & timeCodeObjectLinkEntryUrlFileImage
Workspaces and roots
RootsMedia
Querying content
StructuralFilteringRelatedAdvancedExamples
Guides
Live previewsInstant publishingEditing contentInternationalizationRoles and permissionsTypeScript
Deploying
Self-HostedAlinea Cloud
Working with AI agentsMCP server
Dashboard UI
Components
AlertAppShellBadgeBlockquoteBreadcrumbButtonCalendarCheckboxCheckboxGroupCodeCollapsibleColorSwatchPickerComboBoxCommandContentCardContentGridDataListDateFieldDatePickerDateRangePickerDialogDropdownMenuDropZoneEmptyFieldFileTriggerFoldIconHeadingIconKbdLinkListMediaPreviewMultipleSelectNavRailNumberFieldPagePopoverPreviewFrameRadioGroupResizablePanelGroupSearchFieldSelectSidebarSortableListSpinnerSurfaceSwitchTableTabsTagGroupTextTextFieldTimeFieldTimestampToggleToggleGroupToolbarTooltipTree
Custom fieldsOverviews
Reference
ConfigurationCLI
GitHubGet started
Code
Documentation

Code

A code field is a monospace editor with syntax highlighting, for snippets, embed codes or small bits of markup that editors paste in. It stores the text as is.

import {Field} from 'alinea'

Field.code('Embed code', {
  help: 'Paste the embed code from your video provider'
})

Options

  • language: the language of the code, such as 'ts' or 'css'. The editor highlights code with a language-agnostic tokenizer and exposes the language as a data-language attribute; use 'text' (or 'plaintext') to turn highlighting off.

  • The common options help, width, inline, initialValue, required, validate, readOnly, hidden and shared.

Value

A string, including line breaks and indentation. It's empty until an editor enters something, unless you set an initialValue.

Alinea doesn't sanitize the value. If you render it as HTML (dangerouslySetInnerHTML), anyone who can edit the entry can add scripts to your site: limit the field to trusted editors with roles, or validate what's allowed.