在Ext JS中将字段标签设置为HTML字符串

iszxjhcz 于 2022-09-26 发布在其他

关注(0)|答案(2)|浏览(182)

我有下面的html字符串，需要将其设置为textfield的fieldLabel作为html。

'&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;&amp;lt;span style=&amp;quot;background-color: rgb(210, 213, 216);&amp;quot;&amp;gt;Test&amp;lt;/span&amp;gt;&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;'

但它不是由HTML中的编译器转换的，它显示的是字符串。
我已经使用下面的代码将该字符串转换为HTML标记。

function decodeHtml(html) {
  var txt = document.createElement("textarea");
  txt.innerHTML = html;
  return txt.value;
}

转换后，HTML标记显示为标签而不是HTML输出。然而，如果我直接使用这些标记作为字段标签，它就可以正常工作。任何人都可以建议我们如何将html字符串显示为字段标签，任何提示都将不胜感激。下图显示了不同场景的输出。

在这里可以找到sencha提琴样品

extjs

来源：https://stackoverflow.com/questions/69976140/set-field-label-as-html-string-in-ext-js

2条答案

按热度按时间

izkcnapc1#

尝试使用设置为false的encodeHtml属性

items: [{
            xtype: 'textfield',
            fieldLabel: '<p><strong><span style="background-color: rgb(210, 213, 216);">Test</span></strong></p>',
            encodeHtml: false, // using this seems to work********
            labelSeparator: '',
        }]

赞(0）回复(0）举报 2022-09-26

qij5mzcb2#

您需要进行字符串替换，然后设置FieldLabel
在函数中执行此操作：-）

function decodeHtml(html) {
    var result = html.replaceAll("&amp;", "&")
    .replaceAll("&lt;", "<")
    .replaceAll("&gt;", ">")
    .replaceAll("quot;", '"');

    return var;
}

赞(0）回复(0）举报 2022-09-26

我来回答

在Ext JS中将字段标签设置为HTML字符串

2条答案

相关问题

热门标签

最新问答