Cara Membuat BBCode Menggunakan Script PHP

Cara Membuat BBCode Menggunakan Script PHP

DailyBlog.id - Hai semua, setelah beberapa lama saya tidak membuat artikel pada blog ini dan saat ini saya sempatkan untuk membuat artikel tutorial lagi yaitu membuat BBCode menggunakan script php. Apakah kalian pernah mendengar mengenai BBCode? biasanya yang suka membaca blog dan melihat form komentar pada situsnya dan terdapat BBCode, nah itu lah salah satu contoh tempat penggunaan dari BBCode. Dimana BBCode ini digunakan untuk membantu kalian semua untuk tidak mengetik sebuah HTML, dan hanya menggunakan BBCode akan mempermudah kalian, dan secara otomatis BBCode nantinya akan menjadi sebuah HTML. Nah jika kalian sudah siap untuk mencobanya, mari ikuti langkah-langkah yang ada dibawah ini ya.

Cara Membuat BBCode Menggunakan Script PHP

  1. Langkah pertama, kalian bisa menggunakan Xampp atau yang sejenisnya untuk tempat mencoba. atau kalian juga bisa mencobanya secara langsung di website kalian. Jika kalian menggunakan Xampp atau sejenisnya pastikan sudah aktif, untuk apachenya.
     
  2. Jika sudah, kalian bisa membuat file baru dengan nama contoh_bbcode.php , pastikan ekstensinya yaitu .php. Jika sudah membuat filenya, kalian bisa copas script php yang sudah saya buat dibawah ini:
     
     
    <?php
    
    function BBCode($teks) 
    {
        $teks = htmlspecialchars($teks);
    
        $bbcode = 
        [
            '~\[b\](.*?)\[/b\]~s',
            '~\[i\](.*?)\[/i\]~s',
            '~\[u\](.*?)\[/u\]~s',
            '~\[ul\](.*?)\[/ul\]~s',
            '~\[ol\](.*?)\[/ol\]~s',
            '~\[br\]~s',
            '~\[li\](.*?)\[/li\]~s',
            '~\[quote\]([^"><]*?)\[/quote\]~s',
            '~\[size=([0-9][0-9]?)\](.*?)\[/size\]~s',
            '~\[color=([^"><]*?)\](.*?)\[/color\]~s',
            '~\[url(?|=[\'"]?([^]"\']+)[\'"]?]([^[]+)|](([^[]+)))\[/url\]~s',
            '~\[url_ext(?|=[\'"]?([^]"\']+)[\'"]?]([^[]+)|](([^[]+)))\[/url_ext\]~s',
            '~\[img(?|=[\'"]?([^]"\']+)[\'"]?]([^[]+)|](([^[]+)))\[/img\]~s',
            '~\[center\](.*?)\[/center\]~s',
            '~\[left\](.*?)\[/left\]~s',
            '~\[right\](.*?)\[/right\]~s',
        ];
    
        $html = 
        [
            '<b>$1</b>',
            '<i>$1</i>',
            '<span style="text-decoration: underline;">$1</span>',
            '<ul>$1</ul>',
            '<ol>$1</ol>',
            '<br>',
            '<li>$1</li>',
            '<pre>$1</pre>',
            '<span style="font-size: $1px;">$2</span>',
            '<span style="color: $1;">$2</span>',
            '<a href="$1">$2</a>',
            '<a href="$1" rel="nofollow noopener" target="_blank">$2</a>',
            '<img src="$1" alt="$2" />',
            '<div style="text-align: center;">$1</div>',
            '<div style="text-align: left;">$1</div>',
            '<div style="text-align: right;">$1</div>',
        ];
    
        return preg_replace($bbcode, $html, $teks);
    }
    
    
    $teks = 'Hai aku adalah anak yang [b]Tampan[/b][br]
             Dan kamu bisa pergi ke [url_ext=https://www.google.com/search?q=surabaya][color=red]Surabaya[/color][/url_ext] untuk menemui aku!';
    
    echo BBCode($teks);
    
    ?>


    Script diatas sudah saya buatkan, kalian tinggal menggunakan script diatas sesuai kebutuhan kalian. Dan jika script diatas masih kurangg BBCodenya, kalian juga bisa menambahkannya sendiri sesuai dengan selera kalian. Script diatas itu dari array bbcode lalu di replace menjadi array html, jadi kalian kalau menambahkan bbcode, pastikan barisnya juga harus sama. Kalau baris antara bbcode yang kalian buat dengan baris htmlnya tidak sama, maka nanti hasilnya akan berbeda.
     

  3. Jika sudah semuanya, kalian bisa membuka URL http://urlkalian/contoh_bbcode.php (contoh saja) . Dan hasilnya akan seperti ini:

    Hai aku adalah anak yang Tampan
    Dan kamu bisa pergi ke Surabaya untuk menemui aku! 


Nah gimana? cukup mudah kan membuat BBCode menggunakan script php. Tentunya sangat mudah kok, dan kalian tinggal copas saja script diatas, dan script diatas menggunakan fungsi, jadi nantinya jika kalian ingin membtuhkan bbcode lagi, kalian tidak perlu membuat ulang bbcodenya. Cukup panggil fungsi tersebut lalu gunakan fungsinya, nanti secara otomatis akan ter-replace dari  BBCode menjadi HTML. Dan sangat membantu sekali jika orang awam yang masih belum mengerti mengenai HTML, kalian bisa memasang BBCode ini untuk membantu orang tersebut.

Mungkin sampai disini artikel dari saya yang sudah saya bagikan, semoga artikel yang saya bagikan ini dapat bermanfaat bagi kalian semuanya. Dan jika saya ada salah kata atau salah pengertian, saya mohon maaf. Sekian, dan terima kasih.  


Selamat Mencoba!

Previous Post Next Post