Skip to content

Pages

Each article can contain one or more pages, which are essentially text documents.

The pages of an article will show up below the article's title (or linked documents section, if configured). The displayed page is highlighted, and you can navigate to another page by pressing the page's title.

If there is only 1 page, the page title will not be displayed.

To make any changes to pages the article will need to be in edit mode.

Creating and Deleting Pages

Press the button to create a new page, press the icon to delete a page.

Reordering Pages

You can reorder pages by dragging one page button onto another.

Page Title

Click the title to select the textbox, and rename it.

Page Icon

You can add icons before the page title.
Press the icon (or previously selected icon) to open the Icon Picker.

Text Editor

The Worldbuilder text editor is almost the same as the core Foundry VTT text editor, as used by journal entries.

Only features unique to Worldbuilder will be discussed here.

Saving Text

Any text written in the text editor will be saved in the following situations:

  • By pressing the icon
  • When changing modes
  • When you close the article
  • Every 30 seconds

Inserts

Worldbuilder allows you to insert different kind of buttons, widgets, or other elements into the page. See here for the different kind of inserts and how to configure them.

Page Inserts

Page inserts are either buttons or embedded elements that (usually) can be interacted with.

You could, for example, insert a button to open a different article, or insert an interactive map.

There are 3 ways to add page inserts to your page:

  1. Dragging a Foundry document, worldbuilder article, or worldbuilder widget onto the page. This will place the insert at the location of the cursor.
  2. Press the icon on the page editor toolbar, select the type of insert, and fill in the details in the popup.
  3. Manually entering the widget using the correct syntax (see below).

Insert Syntax

The following syntax is used for page inserts:

(prefix)(insert type)[data]{label}
examples:

@WB[characters.8GZOzo0RbPZ0iErU]{Carac Farlight}
@IMG[image.webp]{Label}
!WIDGET[map.qvTYLJfSJCpIiGoX]

Prefix:
The 'prefix' designates whether the insert should be a button (@) or an embedded element (!).

Take the following example, which will create a button with label "Video Button", which will open a popup to play the video if clicked. Below that, a video element is inserted. 

@VIDEO[video.webm]{Video Button}
!VIDEO[vide.webm controls width:300 height:300 float:left]

Type:
The type determines the kind of insert. See the table below for the different insert types.

Data:
Data consists of, at least, the UUID of an article, widget, document, etc, and optional styling data.
The styling data takes HTML style tags, such as:

width:100px //set the element width to 100 pixels
height:50px //set the element height to 50 pixels
color:red //set the text color to red
background-color:#00FF00 //set the background color to #00FF00 (green)

For example, the following insert will create a button to open a Worldbuilder document with red background and green text: 

@WB[characters.8GZOzo0RbPZ0iErU background-color:#FF0000 color:#00FF00]{Carac Farlight}

Style tags are separated with a space. No space is allowed between the tag and value, so width:100px is fine, width: 100px is not.

See the table below for more optional other fields.

Label:
Only for button inserts.
The label that will be displayed on the button.

Insert Types

Type Description Syntax Data Options
Foundry document button Button that opens a Foundry document @UUID[documentUuid]{label} Style tags
Worldbuilder article button Button that opens a Worldbuilder article @WB[articleUuid]{label} Style tags
Worldbuilder widget button Button that opens a Worldbuilder widget @WIDGET[widgetUuid]{label} Style tags
Worldbuilder tab button Button that opens a Worldbuilder tab @TAG[tabName]{label} Style tags
Worldbuilder tag button Button that opens a Worldbuilder tag @TAG[tagName]{label} Style tags
Image button Button that opens an image popup @IMG[imageUrl]{label} Style tags
Video button Button that opens a video popup @VIDEO[videoUrl]{label} Style tags
Link button Button that opens an URL @URL[Url]{label} Style tags
Worldbuilder widget insert Embeds a Widget !WIDGET[widgetUuid] Style tags
Video insert Embeds a video !VIDEO[videoUrl] Style tags
controls: show video controls
loop: loop video
PDF insert Embeds a PDF !PDF[pdfUrl] Style tags
Icon insert Embeds an icon !ICON[fontAwesomeIcon] Style tags

Secrets

Secrets are parts of an article that are only visible to selected users.

You can make paragraphs secret by selecting the paragraph, then clicking the left-most option in the toolbar, selecting Block and then Secret.

You can also create a secret block first using the same method, and then filling it with text.

Icon Picker

The Icon Picker provides a way to search for and select FontAwesome icons.

You can search for icons with the search bar and select how the icon is displayed (solid, regular, light, thin or duotone).

Click one of the icons to select it, then press the Select button.