IE11 中的 ics 文件描述 - windows 7 包含 %5Cn

Question

我在 angular 网络应用程序中有一个打字稿代码，用于生成 ics 文件并下载它。我能够在 chrome 中成功下载此文件，并且当我打开 ics 文件时，所有新行看起来都很好。但是，当我使用 IE11-win7 下载 ics 文件并在 outlook 中打开它时。描述看起来很奇怪。所有新行“\n”都已替换为“%5Cn”。 “%5Cn”代表什么？当我使用 Ie11-win7 下载它时，有人知道如何让描述有新行而不是 %5Cn 吗？

这是我使用 chrome 下载时的描述。

这是我在描述中的“%5Cn”使用 IE11.Look 下载时的描述。

这是我的代码：

  private formatEventDetailsToAddToCalendar() {
    const formattedDate = this.appointmentDetails.formattedAppointmentDate

    this.calendarEventBody = 'Please arrive 20 minutes prior to your appointment.\n\n'
      + 'Appointment Type: ' + this.location.apptType + '\n'
      + 'Appointment Date and Time: ' + formattedDate.substring(formattedDate.indexOf(', ') + 1, formattedDate.length) + ' '
      + this.appointmentDetails.formattedAppointmentTime + ' ' + 'CST' + '\n'
      + 'Provider: ' + this.provider.name + '\n'
      + 'Clinic name & address:\n' + this.getAddress() + '\n'
    if (this.location.phone) {
      this.calendarEventBody = this.calendarEventBody.concat('Clinic phone: ' + this.location.phone)
    }
    this.calendarEventBody = this.calendarEventBody.replace(/\n+/g, '\n')

  }

这里是下载ics文件的代码：

this.href = this.addToCalendarService.getHrefFor(this.addToCalendarService.calendarType.iCalendar, this.newEvent)

    const link = document.createElement('a')
    link.href = this.href

    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
      const icsMSG = this.href
      let ics = icsMSG.replace('data:text/calendar;charset=utf8,', '')
      ics = ics.replace(new RegExp('%0A', 'g'), '\n')
      ics = ics.replace(new RegExp('%20', 'g'), ' ')

      const blob = new Blob([ics], {type: 'text/calendar;charset=utf-8\''})
      window.navigator.msSaveOrOpenBlob(blob, 'upcoming_appointment.ics')

    } else {
      link.download = 'upcoming-appointment.ics'
      document.body.appendChild(link)
      link.click()
    }

我正在使用@trademe/ng-add-to-calendar 库。

Answer 1

%5Cn 是 \n 的编码版本。 %5C 是字面上的反斜杠。测试了一下，Chrome可以自动解码，IE 11不行。所以我认为这就是问题的原因。

你可以检查这个 link 中 icsMSG 的值，我猜它包含 %5Cn 这意味着它被编码：

const icsMSG = this.href

因此在 IE 11 中你需要先使用 decodeURI() 对其进行解码，然后 IE 11 中的结果将与 Chrome 中的结果相同：

const icsMSG = decodeURI(this.href)

IE11 中的 ics 文件描述 - windows 7 包含 %5Cn

Ics file description in IE11 - windows 7 contains %5Cn

icalendar

windows-7

typescript

internet-explorer-11

angular