用ExtJS组件替换文本标记

Question

在ExtJS 4.X中，我实现了一个解析器，它可以使用ExtJS组件动态更改某些任意令牌。原始文本可能如下所示：

Some text {"xtype":"textfield", "name": "attr_1_"} and some number {"xtype": "numberfield", "name": "attr_2_"}

结果看起来像是：

Some text [ExtJS textfield component] and some number [ExtJS numberfield component]

然而，在现代ExtJS中，它们看起来像是：

在内部，我的解析器将{"xtype":"textfield", "name": "attr_1_"}更改为隐藏spans，为其分配ID并向此span呈现组件。它在ExtJS的早期版本中有效，但由于某些样式，显然不再适用于ExtJS 6.X。但我不确定如何修复它以及要覆盖的样式。

Answer 1

Pheew！我找到了答案。我应该使用这样的css样式将ExtJS组件呈现给divs：

display:inline-block

在previuos版本中，我可以渲染到spans，但现在由于某种原因它不起作用。