Html¶

Html widget'ı form içinde gelişigüzel HTML içeriği görüntüler.

XML Alanları¶

Content HTML parçasını içerir. XML ayrıştırıcısının parçayı form tanımı işaretlemesi olarak yorumlamaması için işaretlemeyi bir CDATA bölümüne yerleştirin. Bu içerikteki veri şablonu ifadeleri geçerli form bağlamında değerlendirilir.
HtmlClass bu Html iş akışı örneği için isteğe bağlı bir sunum tanımlayıcısı sağlar.
AllowCopy şu değere ayarlandığında görüntülenen içeriği kopyalama komutunu ekler: true; kaynak veriyi değiştirmez.
ResetStyle widget'ın sıfırlama tarzı sunum modunu uygulayıp uygulamayacağını denetler (truevarsayılandır). Bu modu devre dışı bırakmak için değeri false olarak ayarlayın.

Html görüntüleme içeriğidir; XPath yoktur ve form verisine değer yazmaz.

Pano Desteği¶

Widget'tan içerik kopyalama varsayılan olarak devre dışıdır. Kopyalamayı etkinleştirmek için AllowCopy özelliğini trueolarak ayarlayın. Bu işlem, görüntülenen HTML içeriğini kopyalamak için bir düğme ekler.

Stil Sıfırlama¶

ResetStyle özelliği, Emakin'in varsayılan CSS stillerinin görüntülenen HTML'ye uygulanıp uygulanmayacağını denetler. Varsayılan değer ( ResetStyle = true), stilleri tarayıcı varsayılanlarına sıfırlar. Mevcut stilleri korumak için ResetStyle değerini false olarak ayarlayın.

Betik Desteği¶

HTML içeriğine eklenen betikler, form verilerine erişmek için $Xml istemci tarafı betik nesnesini kullanabilir.

Güvenlik Hususları¶

HtmlBox widget'ından farklı olarak Html widget'ı HTML içeriğini temizleme işlemi uygulamadan görüntüler. Bu, betiklerin ve stillerin eklenmesine olanak tanır ancak güvenlik riskleri doğurur. Dikkatli olun ve HTML içeriğinin güvenilir olduğundan emin olun.

Veri Şablonları ve Temizleme¶

Html widget'ı veri şablonlarınıdestekler. Şablon ifadeleri, Siteler Arası Betik (XSS) saldırılarını önlemek için otomatik olarak temizlenir.

Verileri temizleme işlemi uygulamadan görüntülemek için (son derece dikkatli kullanın!), veri şablonunda format(Field, 'string') işlevini kullanın.

Örnekler¶

Örnek: Temel HTML Görüntüleme

<Html HtmlClass="" AllowCopy="false" ResetStyle="true">
    <Content><![CDATA[
    <div id="myId">Hello there!</div>
    ]]></Content>
</Html>

Bu, basit bir div öğesi görüntüler.

Örnek: Betik ve Veri Erişimi

<Html HtmlClass="" AllowCopy="false" ResetStyle="true">
    <Content><![CDATA[
<div id="myDiv"></div>
<script>
document.getElementById("myDiv").innerHTML = $Xml.Get("Field");
</script>
]]></Content>
</Html>

Bu örnek, bir div'in içeriğini Field veri modeli öğesinin değeriyle doldurmak için bir betik kullanır.

Örnek: Temizlemeyi Devre Dışı Bırakma (Son derece dikkatli kullanın!)

<Html HtmlClass="" AllowCopy="false" ResetStyle="true">
    <Content><![CDATA[{{format(Field,'string')}}]]></Content>
</Html>

Bu örnek, şu öğenin içeriğini Field herhangi bir temizleme uygulamadan görüntüler. İçeriğin güvenli ve güvenilir olduğundan kesinlikle emin olmadığınız sürece bu kesinlikle önerilmez.