解決資料庫儲存富文字資訊可能會出現轉義等bug

南无、發表於2024-05-21

問題

儲存富文字資訊時,直接儲存可能會出現標籤轉義等bug導致頁面資料渲染失敗

解決辦法

利用encodeURIComponent和decodeURIComponent以及atob和btoa進行編碼和解碼

程式碼

// 將富文字解碼
function handleDetail(){
  content.value = window.decodeURIComponent(atob(data.content as string));
}
// 將富文字編碼
function handleAdd(){
  formData.content = btoa(window.encodeURIComponent(content.value));
}

相關文章