• Skip to primary navigation
  • Skip to main content
  • Skip to footer
logo ithmm

Ithmm

Tips & Panduan Eksklusif Blogging!

  • ⭐️ Baru? Mula disini.
  • Blog
    • Tips Blogging
    • SEO & Trafik
    • WordPress
    • Google & Adsense
    • Kod
    • Pemasaran Affiliate
    • Media Sosial
    • Tips Komputer & Telefon
    • Tips Online
  • Aplikasi
    • Buat Link WhatApps
    • Buat Privasi Polisi
    • Buat Link Lazada (Deeplink)
  • Jadi member

B.L. Joseph / July 6, 2020

/ Kod

Display HTML Code Guna JavaScript

Untuk memperlihatkan kod HTML di post atau page dengan menggunakan JavaScript.

Saya tengah buat projek menggunakan JavaScript.

(Projek kilat yang tak ada perancangan…)

Sampai satu bahagian kenalah pula display kod…

Dan kod tu kalau boleh jangan dibaca oleh pelayar internet.

Jikalau kita guna PHP agak mudah sedikit, ada function sedia ada yang boleh digunakan iaitu: htmlentities.

Tapi jika kita guna JavaScript?

Kenalah guna function ringkas ini:

function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

Bagaimana nak guna function tersebut?

Gantikan str dengan string yang anda nak gunakan.

Boleh digantikan dengan var yang anda telah set.

Function dekat atas adalah asas.

Jika nak tambah hanya perlu tambahkan

.replace(/yangnaktukar/g, 'penggantinya');

/g itu adalah penanda untuk global. Semua yang sama dalam string yang diberikan akan digantikan.

kalau tak ada /g, hanya ‘yangnaktukar’ pertama dijumpai sahaja akan ditukar.

Sebagai tambahan, /gi adalah untuk yang case sensitive.

Yang benar-benar sama sahaja akan diganti.

Untuk nak tahu apa ‘penggantinya’ boleh rujuk (copy paste yang nak ditukarkan itu) pada halaman ini: Html Entities encoder dan decoder.

Baca juga:

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

Siapa ithmm?

Ithmm dimiliki adalah sumber rujukan anda untuk belajar cara buat blog sendiri, cara menguruskan blog, cara mengembangkan blog, cara manjana pendapatan dari blog dan juga tips semasa internet & teknologi.

Follow kami:

  • Facebook
  • Twitter
  • Instagram

Post Popular

  • Cara Buat Link WhatsApp [Direct Message] Edisi 2023
  • Cara isi e-Filing LHDN untuk 2020/2021 [Panduan Lengkap]
  • 8 Cara Lajukan Internet Handphone Android 2023
  • Cara Buat Blog Sendiri dengan Mudah [Updated 2023]

Post Terbaru

  • Cara Pasang SSL Percuma untuk Website March 26, 2023
  • Cara Buat Blog Sendiri dengan Mudah [Updated 2023] January 30, 2023
  • Cara Buat Link WhatsApp [Direct Message] Edisi 2023 January 29, 2023
  • 8 Cara Lajukan Internet Handphone Android 2023 January 15, 2023

Pautan Laman

  • Tentang
  • Hubungi kami!
  • Dasar Privasi Ithmm
  • Terma & Syarat
  • Penafian

Servis

  • Buat Link WhatsApp
  • Buat Dasar Privasi
  • Penjana Deeplink Lazada
  • Join ithmm!

© 2023 Ithmm All Rights Reserved