<sf-text>

Our most used and most flexible content tag. Allows your users to write rich text, but you are still in control.

Here is a simple example on how you can add the text content tag

<sf-text id=":1"></sf-text>

<!-- Example output -->
<h1>Example</h1>
<p>Testing 123... is this thing on?</p>

If you need to limit which elements the user are allowed to use, you are free to include only those elements like this:

<sf-text
    id=":1"
    include="h1,p,link"
 ></sf-text>

Attributes

  • include - A comma separated list of all elements the user might choose from
  • value - Set a default value for the tag

Elements

These are the elements you can use within the include attribute.

  • p
  • h1
  • h2
  • h3
  • h4
  • h5
  • bold
  • italic
  • link
  • align
  • bullet
  • number


Example

<sf-text
    id=":1"
    include="p,h1,h2,h3,h4,h5,bold,italic,link,align,bullet,number"
 ></sf-text>