Bagaimana untuk menghantar penurunan harga melalui API REST dan menjadikannya pada bahagian hadapan (React)

Question

Jadi saya cuba menukar fail Markdown dan menghantarnya melalui Rest API dan kemudian memaparkannya pada bahagian hadapan. Masalahnya ialah baris baharu dan kandungan lain hilang apabila cuba menukarnya kembali.

Bagaimana untuk memaparkannya dengan cara yang mengekalkan penurunan harga asal?

Adakah terdapat cara standard untuk melakukan ini?

Cuba menukar penurunan harga melalui json.stringify, dihantar melalui api, cuba menukarnya kembali kepada penurunan harga, tetapi tidak lagi berfungsi seperti sebelum ini.

Answer 1

Boleh tambah semua dalam

tag as following

   This is 
   some code
   A json:
   {
     key: value
   }

Dalam teg <pre><pre>, teks mengekalkan ruang dan baris baharu, jadi ia akan kelihatan sama seperti yang ditulis dalam kod sumber HTML.

Answer 2

Anda boleh menghantar fail mentah sebagai rentetan, atau jika itu bukan pilihan, anda boleh memformat objek menggunakan fungsi ini:

const object = {a:[15,3457,15,"afbsv",[4,34,36],{
  l: "dsfvszd",
  qwe: 238475463,
  iuggbsf: ["AEfs",],
  afafwwa:{afafwafaw:{r:"4"}}
}]}

document.write(`
${format(object)}
`);

format fungsi(objek) {
biarkan hasil = "";
ProcessObject(Objek, 2);
  
Fungsi processObject(objek, kedalaman, isObjectValue = palsu, TrailingComma = "") {
if (array . isArray (objek)) {
Keputusan += `${isObjectValue ? " " : "
" + " ".repeat(depth - 2)}[`;

untuk (biar i = 0; i ${" ".repeat(depth)}"${elemen}"${trailingComma}`;
rehat;
Nombor kes":
Keputusan += `
${" ".repeat(depth) + element}${trailingComma}`;
rehat;
}
}

Keputusan += `
${" ".repeat(depth - 2)}]${trailingComma}`;
} lain {
Keputusan += `${isObjectValue ? " " : "
" + " ".repeat(depth - 2)}{`;
      
Biarkan keyIndex = 0,
keyCount = Object.keys(object).length;
untuk (kunci masuk objek) {
nilai const = objek[kunci],
Koma mengekori = ++keyIndex === keyCount ? "": ",";
suis(valuetype){
Kes "objek":
Keputusan += `
${" ".repeat(depth)}"${key}":`;
processObject(nilai, kedalaman + 2, benar, TrailingComma);
rehat;
Kes "rentetan":
Keputusan += `
${" ".repeat(depth)}"${key}": "${value}"${trailingComma}`;
rehat;
Nombor kes":
Keputusan += `
${" ".repeat(depth)}"${key}": ${value}${trailingComma}`;
rehat;
}
}

Keputusan += `
${" ".repeat(depth - 2)}}${trailingComma}`;
}
}
  
pulangan hasil;
}