如何不显示/过滤特殊字符?(CSS或Javascript)

How not to display / filter out special characters? (CSS or Javascript)

本文关键字:CSS Javascript 特殊字符 何不 显示 过滤      更新时间:2023-09-26

我正在从JSON文件中获取HTML内容。JSON文件返回属性namedescription

name是干净的数据,就像"奶酪汉堡"。但是description看起来像这个["Mozarella","Pepperoni","Cheese","Beef","Ketchup"]

是否可以告诉CSS不要显示特殊字符:[",

是否可以使用javascript/AngularJS过滤掉特殊字符?

您可以将replace()与regexp一起使用,以逐类型替换特殊字符:

var descriptionString = '["Mozarella","Pepperoni","Cheese","Beef","Ketchup"]';
var cleanBracketsLeft = descriptionString.replace(/'[/g, '');
var cleanBracketsRight = cleanBracketsLeft.replace(/']/g, '');
var cleanQuotes = cleanBracketsRight.replace(/'"/g, '');
var cleanComma = cleanQuotes.replace(/',/g, ' ');
console.log(cleanComma);
//Result Mozarella Pepperoni Cheese Beef Ketchup

参见的实例

另请参阅正则表达式教程

我相信纯CSS无法做到这一点,即使可以,这也是一种糟糕的做法。CSS是关于外观的。你需要一些逻辑。

因此javascript是我们的发展方向。我的观点是不要像前面的答案中提到的那样使用任何自定义库,而是花一些时间研究正则表达式。你最终会发现它们非常有用。您需要一个相当简单的来删除]",

您不能在CSS中隐藏特殊字符。使用javascript,您可以使用类似以下的lib:https://github.com/andrewrk/node-diacritics删除文本中的所有特殊字符。