Markdown Dengan Laravel

Dalam artikel ini kita akan bahas bagaimana merender markdown dengan menggunakan laravel dengan tidak menggunakan third-party package. Jadi disini, jika kalian install laravel, itu langsung ada markdown package yang dibawanya. Sehingga kita hanya tinggal menggunakannya saja.

Pertama Anda bisa menggunakan Markdown dari bawaan Mail seperti berikut.

1use Illuminate\Mail\Markdown;
2
phpCopy

Kemudian, jika kita lihat class Markdown tersebut, ada terdapat metode yang namanya parse, yang akan merubah markdown syntak ke html.

Berikut ini adalah function nya

1public static function parse($text)
2{
3    $environment = new Environment([
4        'allow_unsafe_links' => false,
5    ]);
6
7    $environment->addExtension(new CommonMarkCoreExtension);
8    $environment->addExtension(new TableExtension);
9
10    $converter = new MarkdownConverter($environment);
11
12    return new HtmlString($converter->convert($text)->getContent());
13}
14
phpCopy

Yang oleh karena itu, bisa kita manfaatkan untuk merender string ke dalam html string dengan cara seperti ini.

1use Illuminate\Mail\Markdown;
2
3$markdownString  =  '
4
5# Hello world
6
7  
8
9* One
10* Two
11* Three  
12
13```php
14
15echo "Hello world"
16
17```md
18Markdown::parse($markdownString)->toHtml()
19
mdCopy

Ada cara lain ? Ada dong, jadi selain kita pakai teknik yang di atas, alternatif nya, kita bisa menggunakan class Str seperti berikut.

1use Illuminate\Support\Str;
2Str::markdown($markdownString);
3
phpCopy

Atau jika ingin lebih singkat, kita bisa pakai function dari pada class Str nya seperti berikut.

1str($markdownString)->markdown();
2
phpCopy

Dengan itu, output dari markdown di atas, kira kira akan jadi seperti ini.

1<h1>Hello world</h1>\n
2
3<ul>\n
4<li>One</li>\n
5<li>Two</li>\n
6<li>Three</li>\n
7</ul>\n
8
9<pre><code class="language-php"> echo &quot;Hello world&quot;\n
10
11</code></pre>\n
12
mdCopy

Jadi, dari pada kita capek cari package untuk render markdown syntax nya, baik kita gunakan saja bawaan yang diberikan oleh laravel.

Semoga artikel ini bermanfaat ya, share jika kalian suka 🙂