Question

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 ...

如果我这样做

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

它只是呈现The body! ...我怎样才能让它显示源代码？

非常感谢......

Answer 1

您需要将所有<和>转换为<和>。

Answer 2

更好的方法是将标记包含在页面的HTML中，包含在带有id的div中，然后使用该ID通过contentEl配置将其拉入Panel。如果您尝试使用html配置，那么任何类型的重要HTML内容都会很快变成一个痛苦的世界。 HTML编码，换行符，缩进等 - 只需按照HTML格式设置HTML格式。

Ext.TabPanel html帮助

2 个答案: