Možnosti formátování článků

Ukázky různých možností formátování obsahu článků.

Obsah:

  1. Formátování textu
  2. Citace a bloky
  3. Nadpisy
  4. Zdrojové kódy
  5. Obrázky
  6. Tabulky
  7. Číslované a odrážkové seznamy
  8. Vložené video

 


Formátování textu

Je možné na běžné texty aplikovat základní formátování.

Zarovnat textový blok třeba doprava.

Nebo ho zarovnat na střed.

Jakýkoli text je možné i obarvit nebo podbarvit.

Pokud je třeba záměrně použít trochu menší písmo, třeba pro populární, hůře čitelné, poznámky pod čarou, stačí vybrat kus textu a nastavit mu styl Menší písmo.


Citace a bloky

Obyčejný citovaný blok textu

Citace ale nastavená jako tip

A taky je možné označit jako citaci i kus textu uvnitř normálního textu přes vybrání kusu textu a nastavení Stylu Řádková citace.

Zvýrazněný blok textu


Nadpisy

Nadpis první úrovně

Technicky vzato je to h2, h1 je samotný název článku.

Nadpis druhé urovně

​Nadpis třetí úrovně

To jsou všechny používané nadpisy. Do nižších úrovní už se nikdo nevydává.


Zdrojové kódy

Ukázka několika zdrojových kódů. Barevně ostylované budou až v zobrazení na webu kde se Beyond používá.

onWindowLoad.push(function() {

    function getbarsHeight() {
        return $('.page-header').outerHeight() + $('.page-footer').outerHeight();
    }

    function getWindowHeight() {
        return $(window).outerHeight();
    }

    function resizeIndex() {
        $('.page-content-index').css({'min-height': getWindowHeight() - getbarsHeight() + 'px'});
    }

    function update() {
        window.requestAnimationFrame(update);
        resizeIndex();
    }

    window.requestAnimationFrame(update);
});
namespace Edge\KB\Dev\Robo;

trait CITasks
{
    private $buildDir = './build/logs';

    /** Run CI - rebuild db, phpqa, tests */
    public function ci()
    {
        $this->init();
        $this->dbRebuild(['isDropped' => 'y']);
        $this->say("db-rebuild-worker");
        $this->ciPhpqa();
        $this->ciPhpunit();
        $this->ciBehat();
    }

    public function ciPhpqa()
    {
        $this->taskExec('phpqa')
            ->option('analyzedDir', './src')
            ->option('buildDir', $this->buildDir)
            ->option('report')
            ->run();
    }

    public function ciPhpunit()
    {
        $this->taskExec('bin/phpunit')
            ->option('log-junit', "{$this->buildDir}/junit.xml")
            ->option('testdox-text', "{$this->buildDir}/testdox.txt")
            ->option('testdox-html', "{$this->buildDir}/testdox.html")
            ->run();
    }

    public function ciBehat()
    {
        $this->taskExec('bin/behat')
            ->option('format', "junit")
            ->option('out', "{$this->buildDir}/behat")
            ->option('format', "pretty")
            ->option('out', "std")
            ->run();
    }
}

 

A co když se nám do běžného textu vkrade kousek kódu? $this->_exec('git fetch && git fetch --tags'); 


Obrázky

Mohou být třeba přes celou stránku.

Obrázek se dá zarovnat i na stranu. Ale je to zase možnost, která je viditelná pouze ve webovém zobrazení databáze.

Taky je možné obrázku nastavit popisek - v panelu pro vkládání obrázku nebo jeho nastavení je úplně dole zaškrtávací pole. Pak se popisek edituje přímo pod obrázkem samotným.


Tabulky

lkj dla dqep axrr dcda wd a
awd lnka d lknlawd knwd
vown ofanaw lnaowd ona
nlnq dwlkna awdo pjadwjd ojjo
qqwwwwq sd wdqdwqwd qqqwe éěíué e
sqS Sqs f jaowidbdajh
lkasd lawlidj idj lkada sd lawdk
dawd liwdl alk dl aljdlk

Číslované a odrážkové seznamy

Odrážkové seznamy

  • Toto je běžný odrážkový seznam
  • a zde následují zanořené odrážky
    • A jedna odrážka
    • střídá druhou
    • zakončena třetí.
  • Aby toho nebylo málo
  • Tak je tu ještě pár dalších odrážek

Číslované seznamy

  1. Toto je běžná odrážkový seznam
  2. a zde následují zanořené odrážky
    1. A jedna odrážka
    2. střídá druhou
    3. zakončena třetí
  3. Aby toho nebylo málo
    1. Toto je běžný odrážkový seznam
    2. a zde následují zanořené odrážky
      1. A jedna odrážka
      2. střídá druhou
      3. zakončena třetí.
    3. Aby toho nebylo málo
    4. Tak je tu ještě pár dalších odrážek
  4. Tak je tu ještě pár dalších odrážek

Číslovaný seznam s globalním počítadlem

  1. awdnawd kawd
  2. adwodh awda
  3. aodwhd oahw d
  4. awdhihsknvojae

Multilevel seznam

  1. Toto je běžná odrážkový seznam
  2. a zde následují zanořené odrážky
    1. A jedna odrážka
    2. střídá druhou
    3. zakončena třetí
  3. Aby toho nebylo málo
    1. Toto je běžný odrážkový seznam
    2. a zde následují zanořené odrážky
      1. A jedna odrážka
      2. střídá druhou
      3. zakončena třetí.
    3. Aby toho nebylo málo
    4. Tak je tu ještě pár dalších odrážek
  4. Tak je tu ještě pár dalších odrážek

Number circle seznam

  1. Toto je běžný odrážkový seznam
  2. a zde následují zanořené odrážky
    1. A jedna odrážka
    2. střídá druhou
    3. zakončena třetí
  3. Aby toho nebylo málo
    1. Toto je běžný odrážkový seznam
    2. a zde následují zanořené odrážky
      1. A jedna odrážka
      2. střídá druhou
      3. zakončena třetí
    3. Aby toho nebylo málo
    4. Tak je tu ještě pár dalších odrážek
  4. Tak je tu ještě pár dalších odrážek

Vložené video

Pomohl Vám tento článek?: