Compose tips

Text Formats

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><s><blockquote><br><br /><p>

    This site allows HTML content. While learning all of HTML may feel intimidating, learning how to use a very small number of the most basic HTML "tags" is very easy. This table provides examples for each tag that is enabled on this site.

    For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.

    Tag DescriptionYou TypeYou Get
    Anchors are used to make links to other pages.<a href="http://domesticat.net">domesticat.net</a>domesticat.net
    Emphasized<em>Emphasized</em>Emphasized
    Strong<strong>Strong</strong>Strong
    Cited<cite>Cited</cite>Cited
    Coded text used to show programming source code<code>Coded</code>Coded
    Unordered list - use the <li> to begin each list item<ul> <li>First item</li> <li>Second item</li> </ul>
    • First item
    • Second item
    Ordered list - use the <li> to begin each list item<ol> <li>First item</li> <li>Second item</li> </ol>
    1. First item
    2. Second item
    No help provided for tag li.
    Definition lists are similar to other HTML lists. <dl> begins the definition list, <dt> begins the definition term and <dd> begins the definition description.<dl> <dt>First term</dt> <dd>First definition</dd> <dt>Second term</dt> <dd>Second definition</dd> </dl>
    First term
    First definition
    Second term
    Second definition
    No help provided for tag dt.
    No help provided for tag dd.
    No help provided for tag s.
    Block quoted<blockquote>Block quoted</blockquote>
    Block quoted
    By default line break tags are automatically added, so use this tag to add additional ones. Use of this tag is different because it is not used with an open/close pair like all the others. Use the extra " /" inside the tag to maintain XHTML 1.0 compatibilityText with <br />line breakText with
    line break
    By default line break tags are automatically added, so use this tag to add additional ones. Use of this tag is different because it is not used with an open/close pair like all the others. Use the extra " /" inside the tag to maintain XHTML 1.0 compatibilityText with <br />line breakText with
    line break
    By default paragraph tags are automatically added, so use this tag to add additional ones.<p>Paragraph one.</p> <p>Paragraph two.</p>

    Paragraph one.

    Paragraph two.

    Most unusual characters can be directly entered without any problems.

    If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

    Character DescriptionYou TypeYou Get
    Ampersand&amp;&
    Greater than&gt;>
    Less than&lt;<
    Quotation mark&quot;"
  • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple blank lines.
  • Flickr Filter options. expand / collapse
    Insert a Flickr photo. A working example:
    • [flickr-photo:id=7357144724, size=m, mintitle=999, minmetadata=999] (accepts only the parameters id, class, style, size, mintitle and minmetadata)
    To float single photos use [flickr-photo:id=9247386562, class="floatright"], [flickr-photo:id=9247388074, style="float:left;"] or use the AutoFloat module (recommended).

    Insert a Flickr album. Working examples:
    • [flickr-photoset:id=72157634563269642, size=s, num=8, tags=kids/men, media=all, sort=random, count=false, mintitle=999, minmetadata=999, heading=none]
    • [flickr-gallery:id=72157648989290536, size=q, num=4, sort=views]
    • [flickr-group:id=91484156@N00, size=q, num=8, tags=flowers, media=all, sort=random, count=false, mintitle=999, minmetadata=999, heading=none]
    • [flickr-user:id=lolandese1, size=q, num=6, tags=kids/men, media=all, sort=random, count=false, mintitle=999, minmetadata=999, heading=none]
    • [flickr-user:id=public, size=q, num=10,tags=Augusto Canario, filter=interesting, sort=views, extend=true]
    • [flickr-user:id=public, size=q, num=8,location=48.867556/2.364088, date=2015-01-11, filter=interesting, sort=views]
    • [flickr-favorites:id=lolandese, size=q, num=4, tags=tomosborn/people, media=all, sort=random, count=false, mintitle=999, minmetadata=999, heading=none]

    Common sizes:
    s : small square 75
    t : thumbnail, 100 on longest side
    q : big square 150
    m : small, 240 on longest side
    n : small, 320 on longest side
    - : medium, 500 on longest side
    x: Responsive slideshow (for group, set and user IDs only)
    y: Basic responsive slideshow (for set and user IDs only)
    The 'c' size (800px) is missing on Flickr images uploaded before March 1, 2012. Photos with non existing sizes will be skipped in albums.

    TIP: Not only the node body but also blocks make use of a text format. Build your own custom Flickr album block using the Flickr Filter syntax.

    PARAMETER EXAMPLES. Omitting a parameter will result in the default value to be used.
    id=lolandese1 : A photo, set, user or group ID. id=public grabs CC licensed public photos (only for [flickr-user:...]). Default: id=domesticat (set in config).
      Find a Flickr group ID. Valid ID values: numeric ID (the one that contains a '@'), path alias, Flickr username or the user's email.
    class="floatleft foo bar" : Syntax as in HTML. Wrap the value in quotes (or not) and put spaces between multiple classes.
      Applies to the outer HTML element of a photo or album.
    style="float:left; border:solid 2px;" : Syntax as in HTML. Wrap the value in quotes (or not) and put semicolons between different style declarations.
      Applies to the outer HTML element of a photo or album.
    size=q : Big square (150px). The sizes x and y display a slideshow and ignore number, media, tags, location and sort settings.
      Default single photo: size=m, album photo: size=s (both set in config).
    num=4 : Display 4 photos. Default: num=10 (set in config). For albums only.
      If set to 1, the single image will behave as such. Heading and counter will be omitted, and float might apply.
      Used to display a single changing random or recent image.
    media=all : Display both photos and videos. Default: media=photos. For albums only.
    tags=kids/men : Separate multiple tags with a slash (/). Display all set, group or user photos that contain the indicated tags.
      Case insensitive, matches any tag, for photosets and galleries even partial. You can exclude results that match a term by prepending it with a - character.
      Public albums will only display photos that match all tags. Like on Flickr spaces are removed from tags (e.g. 'Victoria park' becomes 'victoriapark').
      For albums only.
    extend=true : Extend the tag filter to search for matching terms also in the Flickr photo title and description besides Flickr tags.
      Default: extend=true (set in config). For albums only.
    tag_mode=all : Matches 'all' defined tags (AND). The other possible value is 'any' (OR).
      If this parameter is omitted, 'all' is used if no Flickr user ID is known (public search), otherwise 'any' is used. For albums only.
    location=48.85837/2.294481/0.2 : Display photos within 200 mt from the Eiffel Tower. Lat/lon/radius (in km). Separate values with a slash (/).
      To get the coordinates for a location, right-click on a Google map and choose 'What's here?' or copy/paste it from the URL.
      Substitute the comma (,) with a slash (/). Optionally add a radius to force a major number of results to filter on (max. 32 km).
      If the radius is omitted it defaults to 14 meter and gradually expands to 32 km until a sufficient number of results are returned.
      Besides decimal coordinates also degrees are accepted, e.g. 2° 21' 50.72". For user and group albums only, also public.
    date=2015-01-11 : Display photos taken on 11 January 2015.
      Many accepted date formats (e.g. '11 Jan 2015'), also relative formats (e.g. 'first day of last month | last day of last month').
      Separate two date values with a vertical bar (|) to cover a timespan of multiple days. For user and group albums only, also public.
      Tip: Use a date in combination with a location to grab public photos of an event.
    heading=h3 : Wraps the album title in HTML tags. Use 'p' to apply no style or 'none' to suppress the title. Default heading=p (set in config). For albums only.
    sort=views : Display the most viewed Flickr photos first (popularity, slower response after cache clear).
      Other values: unsorted = recent as delivered by the Flickr API (fastest response),
      random (slower response after cache clear), taken (newest first), posted (newest first) , added (for groups only, newest first) and id (on photo ID, newest first).
      Default: sort=unsorted. For albums only.
    filter=interesting : Display the most interesting photos. Other possible value: relevant. For user and group albums only, also public.
    count=false : Suppress display of the counter under the album (e.g. 5 out of 124 on Flickr). Default: count=true (set in config). For albums only.
    mintitle=999 : Suppress display of the title in the photo captions for images below a width of 999 px. Default: mintitle=100 (set in config).
    minmetadata=999 : Suppress display of the metadata in the photo captions for images below a width of 999 px. Default: minmetadata=150 (set in config). The size parameter can be one of the following:
    • s — (Square) s: 75 px square
    • t — (Thumbnail) t: 100px on longest side
    • q — (Large Square) q: 150px square
    • m — (Small) m: 240px on longest side
    • n — (Small 320) n: 320px on longest side
    • - — (Medium) -: 500px on longest side
    • z — (Medium 640) z: 640px on longest side
    • c — (Medium 800) c: 800px on longest side
    • b — (Large) b: 1024px on longest side
    • h — (Large 1600) h: 1600px on longest side
    • k — (Large 2048) k: 2048px on longest side
    • o — (Original) o: Original image
    • x — (slideshow) x: Full featured responsive slideshow (for group, set and user IDs only)
    • y — (Simple slideshow) y: Basic responsive slideshow (for set and user IDs only)
  • Each email address will be obfuscated in a human readable fashion or, if JavaScript is enabled, replaced with a spam resistent clickable link. Email addresses will get the default web form unless specified. If replacement text (a persons name) is required a webform is also required. Separate each part with the "|" pipe symbol. Replace spaces in names with "_".
  • Typogrify.module brings the typographic refinements of Typogrify to Drupal.
    • Wraps ampersands (the “&” character) with <span class="amp">&</span>.
    • Prevents single words from wrapping onto their own line using Shaun Inman's Widont technique.
    • Converts straight quotation marks to typographer's quotation marks, using SmartyPants.
    • Wraps initial quotation marks with <span class="quo"></span> or <span class="dquo"></span>.
    • Converts multiple hyphens to en dashes and em dashes (according to your preferences), using SmartyPants.
    • Wraps multiple capital letters with <span class="caps">CAPS</span>.
    • Adds a css style sheet that uses the <span> tags to substitute a showy ampersand in headlines, switch caps to small caps, and hang initial quotation marks.
    • Converts '' to ”
    • Converts << to «
    • Converts >> to »

bare format

  • Typogrify.module brings the typographic refinements of Typogrify to Drupal.
    • Wraps ampersands (the “&” character) with <span class="amp">&</span>.
    • Prevents single words from wrapping onto their own line using Shaun Inman's Widont technique.
    • Converts straight quotation marks to typographer's quotation marks, using SmartyPants.
    • Wraps initial quotation marks with <span class="quo"></span> or <span class="dquo"></span>.
    • Converts multiple hyphens to en dashes and em dashes (according to your preferences), using SmartyPants.
    • Wraps multiple capital letters with <span class="caps">CAPS</span>.
    • Adds a css style sheet that uses the <span> tags to substitute a showy ampersand in headlines, switch caps to small caps, and hang initial quotation marks.
    • Converts '' to ”
  • Allowed HTML tags: <a> <em> <strong> <b> <i> <p> <br /> <br>

    This site allows HTML content. While learning all of HTML may feel intimidating, learning how to use a very small number of the most basic HTML "tags" is very easy. This table provides examples for each tag that is enabled on this site.

    For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.

    Tag DescriptionYou TypeYou Get
    Anchors are used to make links to other pages.<a href="http://domesticat.net">domesticat.net</a>domesticat.net
    Emphasized<em>Emphasized</em>Emphasized
    Strong<strong>Strong</strong>Strong
    Bolded<b>Bolded</b>Bolded
    Italicized<i>Italicized</i>Italicized
    By default paragraph tags are automatically added, so use this tag to add additional ones.<p>Paragraph one.</p> <p>Paragraph two.</p>

    Paragraph one.

    Paragraph two.

    By default line break tags are automatically added, so use this tag to add additional ones. Use of this tag is different because it is not used with an open/close pair like all the others. Use the extra " /" inside the tag to maintain XHTML 1.0 compatibilityText with <br />line breakText with
    line break
    By default line break tags are automatically added, so use this tag to add additional ones. Use of this tag is different because it is not used with an open/close pair like all the others. Use the extra " /" inside the tag to maintain XHTML 1.0 compatibilityText with <br />line breakText with
    line break

    Most unusual characters can be directly entered without any problems.

    If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

    Character DescriptionYou TypeYou Get
    Ampersand&amp;&
    Greater than&gt;>
    Less than&lt;<
    Quotation mark&quot;"
  • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple blank lines.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple blank lines.