User Tools

Site Tools


doc:plugins:bbcode

This is an old revision of the document!


BBCode Plugin

What is BBCode ?

BBCode is a simple-to-understand markup language. See: BBCode

Available Tags

Content elements

  • [h2]Heading 2nd level[/h2] to [h6]Heading 6th level[/h6]
    (Because h1 is the heading for the page title, it has been disabled in the content of every page.)
  • [quote]text quotation[/quote]
  • [code]code[/code]
  • [list]
    [*]bulleted list element 1
    [*]bulleted list element 2
    [/list]
  • [list=#]
    [*]Numbered list element 1
    [*]Numbered list element 2
    [/list]
  • [video=http://youtube.com/MYVIDEO] allows to insert a YouTube, Vimeo or Facebook video in your entry
  • [url]http://www.page.com[/url] or [url=http://www.mypage.com]description[/url]
    • url can begin with images/ or attachs/ (images/ will be translated into IMAGES_DIR, attachs/ into ATTACHS_DIR, typically fp-content/attachs/)
  • [mail]user@example.org[/mail] or [mail=user@example.org]link text[/url] adds a bot-protected mail link
  • [html][/html] literal html. All code between these is not changed.
    Alternative: Enable inline HTML.

Images

  • [img=IMAGEPATH (alt=alternate text) (title=title text) (popup=false) (scale=NN%) (width=N) (height=N) (float=left|right) (loading=lazy|eager)]
    (items in parenthesis are optional).
    • if IMAGEPATH begins with images/ it will be automatically translated into the appropriate URL for fp-content/images/
    • alt sets the alternate text
    • title title shown on mouse-over
    • float float the images to the left or to the right
    • scale creates a thumbnail NN% smaller than the original.
      • The generated thumbnail is a real, static thumbnail if thumb plugin is enabled; otherwise the image will look small in browser but the browser will be actually downloading the original file
      • scale implies popup=true, i.e. FlatPress will act as if you excplictly set popup=true;
    • popup you can both force a popup to off or on explicitly setting popup=false or popup=true
    • width and height are self explanatory (you can use both of them or only one). If you set only one, the other will be set accordingly (it won't work on remote images, and needs GD2 php extension to be installed; usually it is)
    • loading images will be loaded not before the user scrolls near them (“lazy” - better performance!) or immediatly on loading the page. If not set explicitly, “lazy” is used.
    • Please notice that popup is a lightbox (actually namely it is Slimbox), if the corresponding plugin lightbox is enabled;
    • Example: [img=images/picture.jpg scale=5%]

Text format

  • [b]bold[/b]
  • [i]italic[/i]
  • [u]underlined[/u]
  • [del]strike-through[/del]
  • [size=80%]smaller[/size] or [size=120%]bigger[/size] text
  • [font=FONT]font[/font]
    FONT is a valid css font-family value (“sans-serif”, “Times” etc.)
  • [color=COLOR]color[/color]
    COLOR is a valid css color value (e.g. #cb0600)

BBCode from other standard plugins

  • [more] (Read More plugin): breaks up long post on the main page with the [Read More…] link that can be clicked on to see the rest of the post
  • [entryurl=ENTRY-ID]link text[/entryurl] and [iurl=PAGE]link text[/iurl] (Internal URLs plugin): These elements create links to static pages or entries.
doc/plugins/bbcode.1623266013.txt.gz · Last modified: 2021/06/09 21:13 by arvid

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki