Bac à sable - Bbcode

Cette page présente le rendu des éléments spécifiques déclarés en Bbcode qui apportent un design différent du FWKBoost.

Pour connaitre le langage Bbcode, la documentation complète est fournie sur le site de PHPHBoost

Typographie

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.
Voir le code source : 
<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>

Blocs

Bloc
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.
Bloc champ
Légende du bloc champ
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.
Voir le code source : 
// Bloc
<div class="formatter-container formatter-block">Lorem ipsum</div>
 
// Bloc champ
<fieldset class="formatter-container formatter-fieldset">
    <legend>Légende du bloc champ</legend>
    <div class="formatter-content">
        Lorem ipsum ...
    </div>
</fieldset>

Blocs code

Citation
Citation : 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.
Caché
Caché :
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

Contrairement au bbcode qui utilise la librairie geshi.php, PHPBoost utilise le script precode.js en 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, ['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 : '');
        }
    }
}
?>
Voir le code source : 
// Citation
<blockquote class="formatter-container formatter-blockquote">
    <span class="formatter-title">John Doe</span>
    <div class="formatter-content">
        Lorem ipsum
    </div>
</blockquote>
 
// Caché
<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 language-"><code class="language-"> // class="language-"  //  = php | html | css | bbcode | txt ...
    ...[code /]...</code></pre>
        </div>
    </div>
</div>

Listes

  • Elément
  • Elément
  • Elément
    • Elément
    • Elément
    • Elément
  • Elément
  1. Elément
  2. Elément
  3. Elément
    1. Elément
    2. Elément
    3. Elément
  4. Elément
Voir le code source : 
<ul class="formatter-ul">
    <li class="formatter-li">
        Elément
        <ul class="formatter-ul">
            <li class="formatter-li">Elément</li>
        </ul>
    </li>
    <li class="formatter-li">Elément</li>
</ul>
 
<ol class="formatter-ol">
    <li class="formatter-li">
        Elément
        <ol class="formatter-ol">
            <li class="formatter-li">Elément</li>
        </ol>
    </li>
    <li class="formatter-li">Elément</li>
</ol>

Tableaux

Entête
Nom Description
Nom Description
Nom Description
Voir le code source : 
<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>