Superchange Markdown Dengan Laravel

Membuat tampilan yang menarik dari penyajian artikel atau dokumen yang kita buat dengan Markdown yang akan kita implementasikan menggunakan package league/commonmark dan graham-campbell/markdown

Published on 06 Aug

Install Package GrahamCampbell/Laravel-Markdown

Aaron Francis

@aarondfrancis

The best part about being 90% done with a project is that you're almost halfway finished!

package ini mempermudah kita dalam pengelolaan dan penggunaan markdown di blade, anda bisa mengunjungi dokumentasi github disini

composer require "graham-campbell/markdown:^15.2"

optional, anda bisa menambahkan ini di config/app.php pada bagian alias

'Markdown' => GrahamCampbell\Markdown\Facades\Markdown::class,

Configuration

publish markdown.php dengan menjalankan perintah berikut:

php artisan vendor:publish

kemudian pilih pada bagian GrahamCampbell\Markdown\MarkdownServiceProvider

setelah itu akan ada satu file baru yang bernama markdown.php pada directory config/markdown.php

Install Package torchlight/torchlight-commonmark

package ini untuk membuat syntax higlight pada markdown yang sudah dirender, anda bisa mengunjungi dokumentasi github disini

Bagi yang belum mendapatkan token torchlight, bisa register terlebih dahulu. bisa mengikuti artikel berikut

composer require torchlight/torchlight-commonmark

kemudian tambahka package ini di mardown.php pada bagian extensions:

config/markdown.php
'extensions' => [ League\CommonMark\Extension\CommonMark\CommonMarkCoreExtension::class, League\CommonMark\Extension\Table\TableExtension::class, + \Torchlight\Commonmark\V2\TorchlightExtension::class, ],
'extensions' => [
League\CommonMark\Extension\CommonMark\CommonMarkCoreExtension::class,
League\CommonMark\Extension\Table\TableExtension::class,
 
+ \Torchlight\Commonmark\V2\TorchlightExtension::class,
],

kemudian jalankan perintah ini maka akan generate satu file pada config/torchlight.php

php artisan torchlight:install

Safe Blade rendering

untuk merender markdown agar mudah dibaca dan muncul higlightnya

{!! \GrahamCampbell\Markdown\Facades\Markdown::convert($post->content)->getContent() !!}