Sandbox - BBCode

This page shows elements declared with bbcode bringing a different design from the FWKBoost.

To know BBCode language, please refere to the complete documentation on offical PHPHBoost website.

Typography

BBCode 1 : Lorem ipsum dolor sit amet.

BBCode 2 : Lorem ipsum dolor sit amet.

BBCode 3 : Lorem ipsum dolor sit amet.

BBCode 4 : Lorem ipsum dolor sit amet.
BBCode 5 : Lorem ipsum dolor sit amet.
See the source code :
<h2 class="formatter-title">BBCode 1</h2>
<h3 class="formatter-title">BBCode 2</h3>
<h4 class="formatter-title">BBCode 3</h4>
<h5 class="formatter-title">BBCode 4</h5>
<h6 class="formatter-title">BBCode 5</h6>

Blocks

Block
Fusce vitae consequat nisl. Fusce vestibulum porta ipsum ac consectetur. Duis finibus mauris eu feugiat congue. Aenean aliquam accumsan ipsum, ac dapibus dui ultricies non. In hac habitasse platea dictumst. Aenean mi nibh, varius vel lacus at, tincidunt luctus eros. In hac habitasse platea dictumst. Vestibulum luctus lorem nisl, et hendrerit lectus dapibus ut. Phasellus sit amet nisl tortor. Aenean pulvinar tellus nulla, sit amet mattis nisl semper eu. Phasellus efficitur nisi a laoreet dignissim. Aliquam erat volutpat.
Fieldset
Fieldset legend
Fusce vitae consequat nisl. Fusce vestibulum porta ipsum ac consectetur. Duis finibus mauris eu feugiat congue. Aenean aliquam accumsan ipsum, ac dapibus dui ultricies non. In hac habitasse platea dictumst. Aenean mi nibh, varius vel lacus at, tincidunt luctus eros. In hac habitasse platea dictumst. Vestibulum luctus lorem nisl, et hendrerit lectus dapibus ut. Phasellus sit amet nisl tortor. Aenean pulvinar tellus nulla, sit amet mattis nisl semper eu. Phasellus efficitur nisi a laoreet dignissim. Aliquam erat volutpat.
See the source code :
// Block
<div class="formatter-container formatter-block">Lorem ipsum</div>
 
// Fieldset
<fieldset class="formatter-container formatter-fieldset">
    <legend>Fieldset legend</legend>
    <div class="formatter-content">
        Lorem ipsum ...
    </div>
</fieldset>

Blocquote

Quote
Quote : Lorem Ipsum
Fusce vitae consequat nisl. Fusce vestibulum porta ipsum ac consectetur. Duis finibus mauris eu feugiat congue. Aenean aliquam accumsan ipsum, ac dapibus dui ultricies non. In hac habitasse platea dictumst. Aenean mi nibh, varius vel lacus at, tincidunt luctus eros. In hac habitasse platea dictumst. Vestibulum luctus lorem nisl, et hendrerit lectus dapibus ut. Phasellus sit amet nisl tortor. Aenean pulvinar tellus nulla, sit amet mattis nisl semper eu. Phasellus efficitur nisi a laoreet dignissim. Aliquam erat volutpat.
Hidden
Hidden :
Fusce vitae consequat nisl. Fusce vestibulum porta ipsum ac consectetur. Duis finibus mauris eu feugiat congue. Aenean aliquam accumsan ipsum, ac dapibus dui ultricies non. In hac habitasse platea dictumst. Aenean mi nibh, varius vel lacus at, tincidunt luctus eros. In hac habitasse platea dictumst. Vestibulum luctus lorem nisl, et hendrerit lectus dapibus ut. Phasellus sit amet nisl tortor. Aenean pulvinar tellus nulla, sit amet mattis nisl semper eu. Phasellus efficitur nisi a laoreet dignissim. Aliquam erat volutpat.
Code

Unlike bbcode which uses the geshi.php library, PHPBoost uses the precode.js script for HTML.

Code : CategoriesCache.class.php
<?php
abstract class CategoriesCache implements CacheData
{
    /**
     * @var string the module identifier
     */
    protected static $module_id;
    protected static $module;
    protected static $module_category;
    protected $categories;
    public static function __static()
    {
        $module_id = Environment::get_running_module_name();
        if (!in_array($module_id, array('admin', 'kernel', 'user')))
        {
            self::$module_id       = $module_id;
            self::$module          = ModulesManager::get_module(self::$module_id);
            $category_class        = TextHelper::ucfirst(self::$module_id) . 'Category';
            self::$module_category = (class_exists($category_class) && is_subclass_of($category_class, 'Category') ? $category_class : '');
        }
    }
}
?>
See the source code :
// Quote
<blockquote class="formatter-container formatter-blockquote">
    <span class="formatter-title">John Doe</span>
    <div class="formatter-content">
        Lorem ipsum
    </div>
</blockquote>
 
// Hidden
<div class="formatter-container formatter-hide no-js">
    <span class="formatter-title title-perso">Lorem ipsum</span>
    <div class="formatter-content">
        Lorem ipsum
    </div>
</div>
      
// Code (php)
<div class="formatter-container formatter-code">
    <span class="formatter-title">Code : PHP</span> // file.ext
    <div class="formatter-content formatter-code">
        <div class="no-style">
<pre class="precode"><code> // class="language-" => php, html, css, bbcode, txt ...
    ...[code /]...</code></pre>
        </div>
    </div>
</div>

Lists

  • Element
  • Element
  • Element
    • Element
    • Element
    • Element
  • Element
  1. Element
  2. Element
  3. Element
    1. Element
    2. Element
    3. Element
  4. Element
See the source code :
<ul class="formatter-ul">
    <li class="formatter-li">
        Element
        <ul class="formatter-ul">
            <li class="formatter-li">Element</li>
        </ul>
    </li>
    <li class="formatter-li">Element</li>
</ul>
 
<ol class="formatter-ol">
    <li class="formatter-li">
        Element
        <ol class="formatter-ol">
            <li class="formatter-li">Element</li>
        </ol>
    </li>
    <li class="formatter-li">Element</li>
</ol>

Table

Header
Name Description
Name Description
Name Description
See the source code :
<table class="table formatter-table">
    <tbody>
        <tr class="formatter-table-row">
            <td class="formatter-table-head" colspan="2">Lorem Ipsum</td>
        </tr>
        <tr class="formatter-table-row">
            <td class="formatter-table-col">Lorem</td>
            <td class="formatter-table-col">Ipsum</td>
        </tr>
        <tr class="formatter-table-row">
            <td class="formatter-table-col">Lorem</td>
            <td class="formatter-table-col">Ipsum</td>
        </tr>
        <tr class="formatter-table-row">
            <td class="formatter-table-col">Lorem</td>
            <td class="formatter-table-col">Ipsum</td>
        </tr>
    </tbody>
</table>

Wiki Module

You must overload the wiki into your template to see changes.


Paragraph 1


Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl

Paragraph 1.1


Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl

Paragraph 1.1.1


Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl
Paragraph 1.1.1.1

Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl
Paragraph 1.1.1.1.1

Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl
Paragraph 1.1.1.1.2

Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl
Paragraph 1.1.1.2

Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl

Paragraph 1.1.2


Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl

Paragraph 1.2


Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl

Paragraph 2


Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl

Paragraph 3


Etiam hendrerit, tortor et faucibus dapibus, eros orci porta eros, in facilisis ipsum ipsum at nisl