如何使用Google Apps腳本html服務顯示數據屬性？after？

Question

我有一個簡單的使用html服務的應用程序腳本，我需要：僞選擇器之後。

熬煮問題一行代碼，我有

<style> 
test:after { 
    content: attr(data-hidden); 
    display: inline-block; 
    font-weight: bold; 
} 
</style> 

<test data-hidden="Now you don't">Now you see me </test> 

每的jsfiddle，預期產出將是「現在你看到我現在你不」，但我只得到「現在你看到我「

如果我刪除：我得到現在你看到我，如預期。

FWIW我使用.setSandboxMode（HtmlService.SandboxMode.NATIVE）

誰能告訴我什麼，我做錯了什麼？

Answer 1

content: attr()行被caja編譯器剝離。嘗試使用Caja Playground上的代碼片段，然後檢查呈現結果，這應該更好地表示HTML服務器在從Google Apps腳本服務時如何進行消毒，而不是在jsfiddle中獲得的結果。

下面是呈現：

<caja-v-html> 
    <caja-v-head> 
    <style> 
     .CajaGadget2___ caja-v-test:after{ 
     display:inline-block; 
     font-weight:bold;} 
    </style> 
    </caja-v-head> 
    <caja-v-body> 
    <caja-v-test data-caja-data-hidden="Now you don't">Now you see me </caja-v-test> 
    </caja-v-body> 
</caja-v-html> 

的<test>標籤的data-hidden屬性生存，但沒有content屬性的風格包含它。這可能是因爲attr()聲明似乎是一個攻擊媒介。 （example）

如果我們用一個恆定content再試一次，它生存哄騙：

<caja-v-html> 
    <caja-v-head> 
    <style> 
     .CajaGadget2___ caja-v-test:after{ 
     content:"waffles";   <<<<<< 
     display:inline-block; 
     font-weight:bold;} 
    </style> 
    </caja-v-head> 
    <caja-v-body> 
    <caja-v-test data-caja-data-hidden="Now you don't">Now you see me </caja-v-test> 
    </caja-v-body> 
</caja-v-html> 

由於消毒的，你不會是能夠使attr()這種方式工作。您可以在Caja Issue Tracker上輸入問題。