Comment envoyer une démarque via l'API REST et la restituer sur le frontend (React)

Question

J'ai donc essayé de convertir le fichier Markdown et de l'envoyer via l'API Rest, puis de le restituer sur le frontend. Le problème est que les nouvelles lignes et autres contenus sont perdus lorsque vous essayez de les reconvertir.

Comment le rendre de manière à préserver la démarque d'origine ?

Existe-t-il une manière standard de procéder ?

J'ai essayé de convertir le markdown via json.stringify, envoyé via l'API, j'ai essayé de le reconvertir en markdown, mais ne fonctionne plus comme avant.

Answer 1

Peut tout ajouter dans

 tag as following



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




Dans la balise <pre><pre>, le texte préserve les espaces et les nouvelles lignes, il apparaîtra donc exactement tel qu'écrit dans le code source HTML. 

Answer 2

Vous pouvez envoyer le fichier brut sous forme de chaîne, ou si ce n'est pas une option, vous pouvez formater l'objet en utilisant cette fonction :

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 de fonction (objet) {
soit résultat = "" ;
ProcessObject(Objet, 2);
  
Fonction processObject (objet, profondeur, isObjectValue = false, TrailingComma = "") {
if (array . isArray (objet)) {
Résultat += `${isObjectValue ? " " : "
" + " ".repeat(profondeur - 2)}[`;

pour (soit i = 0; i < object.length; i++) {
élément const = objet[i],
TrailingComma = i + 1 === objet.longueur ? "": ",";
        
interrupteur (type d'élément) {
Cas "objet" :
processObject(élément, profondeur + 2, false, TrailingComma);
repos;
Cas "chaîne" :
Résultat += `< object.length; i++) {
const 元素 = 对象[i],
TrailingComma = i + 1 === object.length ？ “”：“，”；
        
switch（元素类型）{
案例“对象”：
processObject(元素, 深度 + 2, false, TrailingComma);
休息;
案例“字符串”：
结果 += `
${" ".repeat(degree)}"${element}"${trailingComma}`;
repos;
Numéro de dossier":
Résultat += `
${" ".repeat(profondeur) + element}${trailingComma}`;
repos;
}
}

Résultat += `
${" ".repeat(profondeur - 2)}]${trailingComma}`;
} autre {
Résultat += `${isObjectValue ? " " : "
" + " ".repeat(profondeur - 2)}{`;
      
Soit keyIndex = 0,
keyCount = Object.keys(object).length;
pour (clé dans l'objet) {
valeur const = objet[clé],
Virgule finale = ++keyIndex === keyCount ? "": ",";
commutateur (type de valeur) {
Cas "objet" :
Résultat += `
${" ".repeat(profondeur)}"${key}":`;
processObject (valeur, profondeur + 2, vrai, TrailingComma);
repos;
Cas "chaîne" :
Résultat += `
${" ".repeat(degree)}"${key}": "${value}"${trailingComma}`;
repos;
Numéro de dossier":
Résultat += `
${" ".repeat(profondeur)}"${key}": ${value}${trailingComma}`;
repos;
}
}

Résultat += `
${" ".repeat(profondeur - 2)}}${trailingComma}`;
}
}
  
renvoyer les résultats ;
}