Inline Fields

Overview

page title heading deeplink

Inline fields are the most basic types of fields available. They are composed of HTML tags of course and what makes them inline is the content that is allowed within these tags.

The HTML standards allow for things like anchor tags to contain divs for example. Within Go-Enjin however, this is not allowed from a content-editor standpoint (with exceptions for specific situations like custom-content blocks).

Go-Enjin allows for multiple types of page content. For example, a page can be composed of markdown, org-mode or raw HTML content. These however have nothing to do with Enjin Blocks or Enjin Fields in any way. They're simply features available to developers using Go-Enjin and that don't want to use the Semantic Enjin systems.

This site is dedicated to just the Semantic Enjin systems and theming specifically. So, in these cases, the content of any given page is actually a JSON structure that supplies the literal field content for a listing of one or more Enjin Blocks.

This page demonstrates the basic user-visible fields that Go-Enjin content editors are able to work with when supplying content to the individual Enjin Blocks added to the page. The content block you're reading from right now is composed of paragraph fields for example.

top

Inline Fields

page title heading deeplink
The following table details the inline fields supported:
tag name sample html
a anchor link Same-tab anchor link
New-tab anchor link 
<a {attributes}>{inline-content}</a>
abbr abbreviation CSS 
<abbr {attributes}>{inline-content}</abbr>
b bold bolded text 
<b>{inline-content}</b>
cite citation Alan Watts 
<cite>{inline-content}</cite>
del indicate deleted text deleted text 
<del>{inline-content}</del>
em emphasis emphasized text 
<em>{inline-content}</em>
fa-icon font awesome icon 
<i class='{fa-class} {fa-ident}'></i>
figure figure
Go-Enjin logo
The Go-Enjin logo
 
<figure>
{self-contained-content}
<figcaption>{inline-content}</figcaption>
</figure>
hr thematic break 
<hr />
i italics italicized text 
<i>{inline-content}</i>
img image Go-Enjin logo 
<img {attributes}/>
ins indicate inserted text inserted text 
<ins>{inline-content}</ins>
kbd keyboard input ctrl + shift + r 
<kbd>{inline-content}</kbd>
mark mark text marked text 
<mark>{inline-content}</mark>
meter meter 90 percent 
<meter {attributes}>{text}</meter>
picture picture

A mascot image is presented at browser widths greater than768px and anything smaller will see a logo.

 
<picture>
	<source {attributes} /> ...
	<img {attributes} />
</picture>
progress progress bar 90 percent 
<progress {attributes}>{text}</progress>
q inline quotation quoted text 
<q>{inline-content}</q>
s strike-through text stricken text 
<s>{inline-content}</s>
samp sample output This text is a sample of computer output. 
<samp>{inline-content}</samp>
small side comment text This text is smaller than normal. 
<small>{inline-content}</small>
strong strong importance This text is stronger than normal. 
<strong>{inline-content}</strong>
sub subscript C 8 H 10 N 4 O 2 
<sub>{inline-content}</sub>
sup superscript a 2 + b 2 = c 2 
<sup>{inline-content}</sup>
u underline This text is underlined. 
<u>{inline-content}</u>
var variable name 
<var>{inline-content}</var>
top