vue.js 开始/结束标记格式不匹配

l7mqbcuq  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(156)

当从后端接收HTML时,遇到转义字符有空格,因此不允许关闭标记并显示文本,如下面的示例所示。
<p&#6 2;Please check for BAC and get customer to confirm via secure phone line the account change. "customer has wrote wrong bankname" does not confirm the account change.</p>
空白可以出现在标签<p&#62 ;<p& #62;<p &#62;的不同位置,也可以出现在开始标签中。
是否有可能避免空白,这将允许创建标记和创建格式解决方案?

qoefvg9y

qoefvg9y1#

正如@kissu所建议的,看起来最干净的解决方案是在后端修复它。特别是,因为结束标记是好的。
如果这不是一个选项,您可以使用JavaScript删除多余的空间,例如:

const response = '<p&#6 2;Please check for BAC...</p>';
const fixedResponse = response.replace(/(<.*)\s(.*;)/, "$1$2");

此脚本查找字符“〈”和“;“,并移去它们之间的空间。
如果您在响应中遇到多个类似的问题,您可能需要更新正则表达式以使其更加健壮。
文件:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#specifying_a_string_as_the_replacement

相关问题