Ana içeriğe geç

HTML

MonoChat'teki HTML bileşeni, geliştiricilerin Custom View içinde ham HTML işaretlemesini doğrudan render etmesine olanak tanır. Bu, düzen üzerinde tam kontrol istediğinizde veya diğer SDK bileşenleriyle kapsanmayan küçük widget'ları, statik içerikleri veya stilize edilmiş öğeleri eklemeniz gerektiğinde kullanışlıdır.

Kullanım Alanları​

  • Statik talimatları veya formatlanmış yardım içeriğini görüntülemek
  • Basit HTML widget'larını gömmek (örn. rozetler, bildirimler)
  • Yerel HTML kullanarak satır içi görseller eklemek

Örnek​

CustomFunction(async function ({ sdk }, reject, resolve) {
  resolve(async function CustomFunction({ sdk }) {
    sdk.options = function () {
      return {
        html: `<div style="padding: 20px; background-color: #f0f0f0; border-radius: 8px;">
                 <h2>Welcome!</h2>
                 <p>This is a <strong>custom HTML view</strong> rendered using MonoChat's HTML component.</p>
               </div>`,
      }
    }
  })
})

Konfigürasyon​

AlanTürAçıklama
htmlstringRender edilecek ham HTML stringi. Dinamik olabilir.

html anahtarını sdk.options fonksiyonundan döndürebilirsiniz. HTML, render edilen görünüme olduğu gibi enjekte edilir.

En Doğru Kullanımlar​

  • HTML içinde ağır scriptler veya harici bağımlılıklardan kaçının.
  • Tutarlılık için satır içi CSS veya scoped stil kullanın.
  • Tema tutarlılığını sağlamak için mümkün olduğunda yerel SDK bileşenlerini tercih edin.