2010-05-10 94 views
-1
add({ 
    title: args.node.id, 
    iconCls: 'tabs', 
    items: [{html: '<code class="prettyprint"><?php\necho \'Hello World!\';</code>', width: '100%', hieght: '100%', plain: true}], 
    closable: true 
}).show(); 

我正在上Ext.TabPanel上述方法和它返回 '' 作爲HTML ...Ext.TabPanel HTML幫助

如果我做

<code class="prettyprint"><html><head><title>Whatever</title></head><body.The body!</body></html></code> 

它只是呈現The body! ...我怎樣才能讓它顯示源代碼?

非常感謝......

回答

1

你需要的所有<>轉化爲&lt;&gt;

0

更好的方法是在您的頁面的HTML中包含標記,並將其封裝在帶有ID的div中,然後使用該ID通過contentEl配置將其拉入您的面板。如果您嘗試使用html配置,任何類型的不重要的HTML內容都將很快轉入痛苦的世界。 HTML編碼,換行符,縮進等 - 只是將HTML格式化爲HTML格式。

+0

非常感謝您的建議。但是,內容是通過AJAX作爲字符串加載的。 – Simon 2010-05-12 22:05:10

+0

在這種情況下,我會建議使用autoLoad配置,如本頁第二個示例所示:http://www.extjs.com/deploy/dev/examples/tabs/tabs.html 正如你可以看到,如果你查看代碼,通過autoLoad加載的內容(內部通過UpdateManager)自動進行HTML編碼。 – 2010-05-12 23:50:21