如何使用正则表达式删除字符串 Handlerbar.js 中的 HTML 标记答案

【问题标题】：How to remove HTML tags in a string Handlerbar.js Using regex如何使用正则表达式删除字符串 Handlerbar.js 中的 HTML 标记
【发布时间】：2020-12-28 07:16:59
【问题描述】：

我有一个类似的字符串

var string =`<div><b>Test data</b></div><div><div>Invalid DateTime Only YYYY/MM/DD HH:mm:ss is allowed</div></div><br><div><div>Invalid DateTime</div>`

使用 Handlebar 中的正则表达式从字符串中删除这些 HTML 标记。我的代码看起来像

这个DISPLAYVALUE是我的确切字符串，我必须在这里替换HTML标签

<span title="{{{this.DISPLAYVALUE}}}"> {{strip-scripts this.DISPLAYVALUE}}
<a href="javascript:void(0);" class="remove-ico right" data-filter-val="{{{this.DISPLAYVALUE}}}" datacolname='{{@root.currentColName}}'>
<i class="fa fa-times-circle"></i>
</a>
</span>

异常结果：- 测试数据 Invalid DateTime Only YYYY/MM/DD HH:mm:ss is allowed Invalid DateTime

【问题讨论】：

U 需要提取字符串值作为 html 代码的结果显示？！你可以用js来改变内部的html
看起来字符串缺少结束 div 标记。
是的！但这不是问题，我只想显示字符串，而不是标签
js中可以直接用string.replace吗？

标签： javascript html regex handlebars.js

【解决方案1】：

您可以在车把模板中直接使用 HELPER 方法。例如，您可以创建一个单独的车把帮助器 js 文件，如下所示；

    (function() {
    Handlebars.registerHelper('stripScripts', function(param) {
        var regex = /(<([^>]+)>)/ig
        return param.replace(regex, "");
    });

})();

然后你可以简单地在你的模板中调用这个方法：

<span title="{{{this.DISPLAYVALUE}}}"> {{stripScripts this.DISPLAYVALUE}}
<a href="javascript:void(0);" class="remove-ico right" data-filter-val="{{{this.DISPLAYVALUE}}}" datacolname='{{@root.currentColName}}'>
<i class="fa fa-times-circle"></i>
</a>
</span>

【讨论】：

【解决方案2】：

如果你会用JS：

function myFunction() {
    var str = "<div><b>Test data</b></div><div><div>Invalid DateTime Only YYYY/MM/DD HH:mm:ss is allowed</div></div><br><div><div>Invalid DateTime</div>"; 
    var res = str.replace(/<div>/g, "");
    var res = res.replace(/<\/div>/g, "");
    var res = res.replace(/<b>/g, "");
    var res = res.replace(/<\/b>/g, "");
    var res = res.replace(/<br>/g, " ");
    console.log(res);
}

【讨论】：