界面回显出现&nbsp解决方法

最新推荐文章于 2024-05-11 16:30:15 发布

原创最新推荐文章于 2024-05-11 16:30:15 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了在MySQL中空格被编码为&nbsp;导致HTML界面显示异常的问题，并提供了一种在前端进行转义和替换的解决方案。通过字符串处理，将&nbsp;和HTML换行标签转换为正常文本格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在解决一个问题，就是这个

在界面回显的时候会出现&nbsp的样式

这是因为在MySQL中，空格是用&nbsp表示的，所以在回显的过程中，HTML界面就会显示的这个了。

那么怎么去掉他呢？

我的解决方法是直接在前台进行转义，通过扫描字符串，替换实现的。

部分代码：

 ngOnInit() {
    if (this.question.writedAnswerList != null && this.question.writedAnswerList.length != 0) {
      this.userText = this.question.writedAnswerList[0].replace(/<br\/>/g, '\n').replace(/&nbsp;/g, ' ');
    }
  }

  onKeyPress(event: any) {

    // 转换为字符串数组进行处理
    const saveTextChar: string[] = this.userText.split('');
    for (let i = 0; i < saveTextChar.length; i++) {
      // aa[len+1-i]=aa[len-i];
      if (saveTextChar[i] == ' ') {
        saveTextChar[i] = '&nbsp;&nbsp;';
      }
      if (saveTextChar[i] == '\n') {
        saveTextChar[i] = '<br/>';
      }
    }
    // 更新存储文本
    this.saveText = '';
    for (let i = 0; i < saveTextChar.length; i++) {
      this.saveText = this.saveText + saveTextChar[i];
    }