2010-05-10 74 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