Blazor string HTML yani düz bir text HTML metnini nasıl render edebiliriz sorusuna cevabı makale detayında bulanacağız.
Sorun Nedir?
Öncelikle bir sorunu anlayalım daha sonra çözüm önerisine geçelim. Alttaki gibi bir örnek kodumuz olduğunu hayal edelim.
1 2 3 4 5 6 7 | @page "/" @myMarkup @code { string myMarkup = "<p class='markup'>This is a <em>markup string</em>.</p> <button class='btn btn-primary'>Button</button>"; } |
Demo
Bu örneğimizi çalıştırdığımızda sayfada <p> class….</button> html kodunun doğrudan bir metin olarak sayfaya render edildiğini görürsünüz. Hatta canlı olarak test etmek için bu örnek sayfayı ziyaret edebilirsiniz.
Nasıl Çözeriz?
Çözüm ise oldukça basit üstte yer alan kodumuza ek olarak @myMarkup kısmını @((MarkupString)myMarkup) şeklinde değiştirdiğinizde string olarak yer alan html kodumuz artık sayfaya html olarak render ediliyor.
1 2 3 4 5 6 7 | @page "/" @((MarkupString)myMarkup) @code { string myMarkup = "<p class='markup'>This is a <em>markup string</em>.</p> <button class='btn btn-primary'>Button</button>"; } |
Demo
Çözüm için üstte sunmuş olduğumuz kodun çıktısına buradan göz atabilirsiniz.
Sonuç
Blazor tarafında yaşadığımız string html’i nasıl render ederiz sorusuna cevap bulmuş olduk ve umarım işinize yarar bir çözüm önerisi olmuştur.
📚 Blazor string HTML Benzer Makaleler
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.
