Text, který lze použít ke změně vlastností pomocí stylu.

Omezená oblast, kterou lze použít ke změně vlastností pomocí stylu (pozice, ohraničení, odsazení, vlastnosti obsahu atd.).
* Ve výchozím nastavení nejsou ohraničení oblasti viditelné. Jedna stránka může mít několik oblastí najednou.

Formátování textu:

[b] Důležitý text, tučně

[i] Důležitý text, kurzíva

Jen tučné

Jen kurzíva

[u] Podtržený text

[s] Přeškrtnutý text - stejný jako variace

Menší písmo

Poznámka pod čarou pod čarou nebo index pod textem

Odstraněný text

Velikost písma:

13 bodové písmo

15 bodové písmo

9px písmo

12px písmo

15px písmo

Velikost 0

Velikost +1

Velikost +2

K dispozici jsou možné možnosti velikosti písma (vizuální hodnocení).

Rubriky:

Nadpis úrovně 1

Nadpis úrovně 2

Nadpis úrovně 3

4. úroveň nadpisu

Nadpis úrovně 5

Nadpis úrovně 6

Vytváření textu pomocí písem:

Písmo Comic Sans Ms

Monotype písma Corsiva

Písmo Tahoma

K dispozici jsou možné volby typu písma (jména a vizuální hodnocení).

Vytváření textu barevně:

Červený text
* Můžete použít standardní slovní označení barev: červená, zelená, modrá atd.

Modrý text
* Číslo # 0000ff znamená v paletě RGB modrou barvu.

Modré pozadí
* Pozadí může také změnit barvu.

Modrý text, šedé pozadí.

Některé předdefinované barvy:

Černá Bílá Červená Zelená Modrá Fialová Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue
Azurová žlutá purpurová tmavězelená tmavězelená zlatá orchidej modráViolet Burlywood PeachPuff

Některé barvy v hexadecimálním kódu jsou intenzity červené, zelené a modré (RR GG BB):

# 000000 #FFFFFF # FF0000 # 00FFF # 00FFF # FF9944 # FF9999 # FFCCFF # 9999FF # FF99FF # DFDDD # FFE4C4 # UDP99 # FF30D # F0030 # 000000 # 000000 # 000000 # DAA520 # FFCC33 # FFA500 # C71585 # 8B008B # CC33FF

K dispozici jsou možné možnosti pro paletu barev a jejich kódy / názvy.

Zarovnání textu a formátování odstavců

Zarovnání textu:

Zarovnat text doleva

Zarovnání doleva se stylem

Zarovnání odstavce vlevo

Zarovnání středu na střed

Zarovnání na střed se stylem

Zarovnání na střed v odstavci

Zarovnejte text na pravé straně

Zarovnejte vpravo se stylem

Zarovnání v odstavci vpravo

Zarovnat text na obou stranách

Zarovnejte na obou stranách styl

Zarovnání odstavců na obou stranách
* Zarovnání textu na obou stranách se zobrazí u textů, které jsou delší než jeden řádek.

Poznámky pod čarou (poznámky) s odsazením odstavce:

[q] Citace v řádku

Nabídka v souladu s vlastnostmi

  Text citovaný v samostatném bloku, který bude mít
  malá odrážka vlevo a speciální design (styl fóra).

Příklady:
  Lorem ipsum dolor sit amet
  Lorem ipsum dolor sit amet
  Lorem ipsum dolor sit amet

Formátování odstavců a oblastí:

Ahoj V tomto odstavci bude první věta z červené čáry, tzn. odsazený. Stejně jako v tiskařském lisu. Je pravda, že na internetu je to vzácná praxe. Odstavce by měly být odděleny jednoduše mezerou.

Seznamy formátování

Použijte značku nebo pro seznamy s odrážkami:

• Jedna z položek seznamu
• Další taková položka
• Ještě jeden bod.

[*] Další taková položka
[*] Další položka.

Pro číslované seznamy použijte značku:

1. Jedna z položek seznamu
2. Další taková položka
3. Ještě jeden bod.

[*] Jedna z položek v seznamu
[*] Další taková položka
[*] Další položka.

Závěrečná značka je volitelná pro použití:

• Jedna z položek seznamu
• Další taková položka
• Ještě jeden bod.

[*] Jedna z položek v seznamu
[*] Další taková položka
[*] Další položka.

Přímé zobrazení seznamu je také možné:
   - číslovaný seznam
   - abecední seznam
   - seznam číslovaný římskými číslicemi

Obrázky

Http://img.cx/img/primer.jpg - příklad vložení obrázku.

Http://img.cx/img/primer.jpg - obrázek vlevo.

Http://img.cx/img/primer.jpg - obrázek vpravo.
* Tento kód je podobný kódu HTML:

Http://img.cx/img/primer.jpg - obrázek uprostřed.
* Tento kód je podobný kódu HTML:

Podobné značky s názvy a popisy:

Důležité! V názvu obrázku nelze použít uvozovky!

Http://img.cx/img/primer.jpg - příklad vložení obrázku.

Http://img.cx/img/primer.jpg - obrázek vlevo.

Http://img.cx/img/primer.jpg - obrázek vpravo.

Http://img.cx/img/primer.jpg - obrázek uprostřed.

Obrázky se specifikovanými velikostmi:

Http://img.cx/img/primer.jpg - příklad obrázku s velikostí.
* Tento kód je podobný kódu HTML:

Http://img.cx/img/primer.jpg - obrázek vlevo, s velikostí.

Http://img.cx/img/primer.jpg - obrázek vpravo, s velikostí.

Vložte velké obrázky pomocí posuvníků:

Http: //www..jpg - obrázek ve vybrané oblasti, pokud je větší, než je dostupná velikost zobrazení na fóru.

Adresa - otevření obrázku v novém okně.
* Tento kód je podobný kódu HTML:

Adresa - otevře obrázek ve stejném okně.
* Tento kód je podobný kódu HTML:

V mých projektech (napsaných v PHP) musím pravidelně používat „tlumočníka“ BBCode a vždy není čas hledat nějaké více či méně stravitelné řešení, které v konečném důsledku povede k použití nebo vytvoření „berlí“ pro každý konkrétní případ.
  Ale teď se zdá, že se našlo to, co jsem chtěl.

Moje stížnost na taková hotová řešení je obvykle především v neschopnosti těchto knihoven řádně zpracovat odstavce. Ve skutečnosti obvykle odstavce vůbec nepoužívají (značka P) místo toho v důsledku své práce jednoduše vloží značku
nahrazení obvyklých znaků zalomení řádku. Tuto metodu emulace odstavců považuji za 98 procent, mírně, nevhodně. Ale protože zalamování čar je v rámci prostředků
  mnohem jednodušší implementace namísto „lidských“

, jako většina z nich 🙁 Někteří dokonce přijdou s výmluvami, že říkají, že br je ještě správnější, částečně kvůli lenivosti vývojářů různých ready-made knihoven, další část lidí si myslí, že značka P   je zastaralý (koneckonců, i v mnoha hotových produktech a webech se odstavce vytvářejí pomocí
) 🙂

Pojďme začít

Zdá se však, že na konci tunelu je světlo. Jedná se o hotovou třídu pro práci s BBCode, která zjevně dělá vynikající práci (zatím jsem nic lepšího neviděla). Jediným negativem je, že dokumentace uvedená na webu není v ruštině. Chci také překonat toto mínus v tomto článku a uvést příklad použití třídy s ruskými komentáři.

Nejprve musíte stáhnout knihovnu (v době psaní byla verze knihovny 0.3.3). Ve staženém archivu ve složce src najdete dva potřebné soubory: stringparser.class.php a stringparser_bbcode.class.php.

Předpokládejme například, že máme prázdný soubor index.php a vedle něj vytvoříme složku / bbcode / obsahující dva výše uvedené soubory.
  Například minimální obsah souboru „index.php“ by měl být takový (spuštěním tohoto příkladu můžete okamžitě zjistit, zda knihovna funguje):

< ?php //Вставляем файл библиотеки require_once "bbcode/stringparser_bbcode.class.php"; //Создаем объект класса StringParser_BBCode $bbcode = new StringParser_BBCode (); //Добавляем объекту класса понятие о тэге [b] //(в итоге только этот тэг и будет //обрабатываться этим классом) $bbcode->addCode ("b", "simple_replace", , array ("start_tag" \u003d\u003e " "," end_tag \u200b\u200b"\u003d\u003e"")," inline ", array (" block "," inline "), array ()); // Zpracovejte testovací řetězec a odešlete jej do echo prohlížeče echo $ bbcode-\u003e parse („ Testujte text, toto slovo by mělo být [b ] tučně ");?\u003e

Funkce AddCode

Možná funkce addCode objektu třídy StringParser_BBCode může způsobit největší zájem o tento kód, zde je jeho prototyp a seznam popisů parametrů:

Void addCode (string $ code, string $ type, string $ callback, string $ params, string $ content_type, array $ enabled_in, array $ not_allowed_in);

Tato funkce přidá koncept určitých kódů (bb kódy) pro objekt třídy tak, aby mohl později tyto kódy v textu detekovat a odpovídajícím způsobem je zpracovat. I.e. můžeme říci, že zpočátku objekt třídy StringParser_BBCode neví nic o standardních bb kódech a není schopen je nijak zpracovat. Proto po každé inicializaci bude muset být tento objekt „vyškolen“ ve všech variantách bb kódů.

$ code (v příkladu to znamená 'b') Kód, který je třeba hledat v textu ke zpracování. I.e. Pokud zadáte zkušební kód, bude značka vyhledána ve zpracovaném textu a zpracována v souladu s pokyny v dalších parametrech dané funkce. $ type (v příkladu je nastaveno „simple_replace“) Určuje, jak má být značka zpracována (jaký je typ). Níže jsou uvedeny různé předdefinované typy značek. V našem příkladu je uveden typ „simple_replace“, což znamená, že značka bude spárována (otevírací značka [b] a uzavírací) a že tyto značky budou nahrazeny html značkami uvedenými níže. $ callback (v příkladu je to null) Umožňuje určit název funkce, která bude vyvolána při zpracování nalezené značky v textu. V případě typu tagu „simple_replace“ není taková funkce nazývána, a proto lze v tomto parametru zadat null. $ params (v příkladu pole (‘start_tag’ \u003d\u003e ‘) ‘,‘ End_tag \u200b\u200b’\u003d\u003e‘‘)) Tento parametr označuje hlavně, který html tag by měl být vložen namísto značky bb. Název parametrů přímo závisí na tom, jaký typ tagu jsme zadali v parametru $ type. $ content_type (v příkladu „inline“) Typ interního obsahu značky. Může nabývat hodnot: „inline“, „block“, „link“, „image“. Pokud se nemýlím, můžete také zaregistrovat své typy, abyste mohli pro tento obsah zadat vlastní filtry (viz příklad použití filtrů níže). $ enabled_in (v příkladu je to hodnota array ("block", "inline")) V tomto parametru můžete určit, jaké typy objektů může být generovaný kód bb uvnitř (jeho zpracování bude jednoduše ignorováno). V našem příkladu jsme naznačili, že prvek může být jak uvnitř blokových prvků, tak uvnitř lineárních prvků. $ not_allowed_in (v příkladu záleží na poli ()) Má účel, který je ve smyslu opačném smyslu jako předchozí parametr.

Typy zpracování značek

Popis možností pro hodnotu parametru $ type ve funkci addCode.

„Simple_replace“ Popisuje jednoduchý párový tag. Při použití tohoto typu zpracování značky musí parametr funkce парамет params obsahovat dvě buňky: $ params [‘start_tag’] a $ params [‘end_tag’]. „Start_tag“ by měl obsahovat analog úvodní značky v HTML a „end_tag“ - konečnou značku. „Simple_replace_single“ Stejné jako „simple_replace“, ale používá se pouze u jednotlivých značek, které ve skutečnosti nemají žádný obsah (například br, hr atd.). Vyžaduje pouze parametr $ params ['start_tag' ']. „Callback_replace“ U tohoto typu přesunete zpracování nalezených shod (pomocí funkce zpětného volání) spárované značky. „Callback_replace_single“ Stejné jako „callback_replace“, ale pouze pro jednotlivé značky. „Usecontent“ Stejné jako „callback_replace“, pouze v obsahu takové značky nebudou zpracovány jiné značky, například je to vhodné pro kódovou značku. „Usecontent?“ Tento typ se může v závislosti na situaci chovat jako „usecontent“ nebo jako „callback_replace“. Relevance konkrétní možnosti je určena přítomností předem odhadovaného atributu ve značce bb. Pokud je atribut nalezen, bude použito zpracování „callback_replace“, jinak bude značka zpracována jako „usecontent“. Název atributu vyhledávání je určen parametrem $ params ['usecontent_param' ']. Pokud je zadán výchozí, pak je hodnota atributu přiřazena přímo ke značce, například hodnota výchozího atributu bude text „http: // link“. Tato technika se často používá například pro značku. Tuto značku lze použít ve dvou formách: http://www.example.com/ a text odkazu, jakož i [b] tučný text. V prvním případě bude použit typ „usecontent“, protože text odkazu by měl být zobrazen bez formátování (a ve skutečnosti bude samotný odkaz nesprávný, pokud obsahuje cizí znaky). V jiném případě by měl být použit typ „callback_replace“, protože samotný odkaz je předán jako samostatný parametr a text orámovaný v odkazu může dobře obsahovat nějaký druh formátování.
Poznámka: Můžete zadat několik parametrů pro jejich vyhledávání, pro které v $ params ['usecontent_param' '] musíte předat nikoli řetězec, ale pole obsahující řetězce. Například: $ bbcode-\u003e addCode (..., array (‘usecontent_param’ \u003d\u003e array (‘parametr1’, ‘parametr2’))), ...);. „Callback_replace?“ Je opak „usecontent?“. Pokud se ve značce vyskytne jeden z atributů zadaných v parametru usecontent_param, bude zpracován jako „usecontent“, jinak jako „callback_replace“.

Ukázkový kód z „bojových“ podmínek

Zde je příklad souboru index.php s pokročilejší konfigurací třídy pro zpracování většího počtu značek, je také možné pochopit, jak fungují funkce zpětného volání, atd .:

< ?php //Вставляем файл библиотеки require_once "bbcode/stringparser_bbcode.class.php"; //Приводит разнообразные переводы строк //разных операционных систем в единый формат (\n) function convertlinebreaks ($text) { return preg_replace ("/\015\012|\015|\012/", "\n", $text); } //Удалить все символы, кроме переводов строк function bbcode_stripcontents ($text) { return preg_replace ("/[^\n]/", "", $text); } //Функция для обработки ссылок function do_bbcode_url ($action, $attributes, $content, $params, $node_object) { if (!isset ($attributes["default"])) { $url = $content; $text = htmlspecialchars ($content); } else { $url = $attributes["default"]; $text = $content; } //Часть функции, которая занимается //только валидацией данных тэга if ($action == "validate") { if (substr ($url, 0, 5) == "data:" || substr ($url, 0, 5) == "file:" || substr ($url, 0, 11) == "javascript:" || substr ($url, 0, 4) == "jar:") { return false; } return true; } //Непосредственное преобразование тэга в //html вариант с возвращением результата return "". $ text." ";) // Funkce pro vkládání obrázků funkce do_bbcode_img (akce $, $ atributy, $ obsah, $ params, $ node_object) (// Část funkce, která // validuje data tagu pouze pokud ($ action \u003d\u003d "validate") (if (subst ($ content, 0, 5) \u003d\u003d "data:" || subst ($ content, 0, 5) \u003d\u003d "file:" || subst ($ content, 0) , 11) \u003d\u003d "javascript:" || subst ($ content, 0, 4) \u003d\u003d "jar:") (return false;) return true;) // Přímý převod značky na // html možnost s vrácením výsledku " ";) // Vytvoření objektu třídy StringParser_BBCode $ bbcode \u003d new StringParser_BBCode (); // Přidání filtru (další podrobnosti viz dokumentace) // pomocí naší funkce convertlinebreaks, která // převede řádkové zdroje v textu na jediný $ bbcode -\u003e addFilter (STRINGPARSER_FILTER_PRE, "convertlinebreaks"); // // Přidejte naše parsery pro různé typy objektů // (další podrobnosti viz dokumentace) // Označujeme, pomocí které funkce // by obsah těchto značek měl jít, například pomocí funkce // htmlspecialchars, aby se zabránilo XSS atd. $ bbcode-\u003e addParser (array ("block", "inline", "link", "listitem"), "htmlspecialchars"); $ bbcode-\u003e addParser (array (" blok "," inline "," link ", "listitem"), "nl2br"); $ bbcode-\u003e addParser ("list", "bbcode_stripcontents"); // Přidejte bb kód použitý jako: // Text záhlaví první úrovně $ bbcode-\u003e addCode ("h1" "," simple_replace ", , array (" start_tag "\u003d\u003e"

"," end_tag \u200b\u200b"\u003d\u003e"

• První používá značku . Po znaku \u003d by měla být vložena požadovaná adresa URL. Chcete-li například vytvořit odkaz na phpBB.com, můžete použít:

  V konečné podobě bude takový kód vypadat takto: Navštivte www.teosofia.ru! Odkaz se otevře ve stejném nebo v novém okně, v závislosti na nastavení prohlížeče uživatele.

• Pokud chcete, aby se adresa URL zobrazovala jako text odkazu, můžete jednoduše provést následující:

  http://www.teosofia.ru/

• Kromě toho se nazývá funkce zvaná phpBB Automatické odkazy. Tato funkce převede jakoukoli syntakticky platnou adresu URL na odkaz bez potřeby značek a předpony http: //. Například zadání fráze www.teosofia.ru do zprávy bude mít za následek automatický výstup www.teosofia.ru při prohlížení této zprávy.
• Totéž platí pro e-mailové adresy: můžete zadat adresu výslovně:

  [email protected]

  co dá [email protected]   nebo jednoduše do zprávy zadejte adresu [email protected] a při zobrazení této zprávy bude automaticky převedena.

http://www.teosofia.ru/my-picture.gif

není správná, což může vést k následnému odstranění vaší zprávy. Buďte opatrní.