如何通过 REST API 发送 markdown，并在前端渲染它 (React)-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何通过 REST API 发送 markdown，并在前端渲染它 (React)

P粉166779363 2024-02-26 13:42:25

[React讨论组]

955

因此，我尝试转换 Markdown 文件并通过 Rest API 发送它，然后在前端渲染它。问题是换行符和其他内容在尝试将其转换回来时会丢失。

如何以保留原始降价的方式渲染它？

有执行此操作的标准方法吗？

尝试通过 json.stringify 转换 markdown，通过 api 发送，尝试将其转换回 markdown，但不再像原来那样工作。

P粉166779363

全部回复(2)

P粉4182142792024-02-27 10:52:54 2楼

可以添加中的所有内容

tag as following

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

在 <pre> 标记中，文本保留空格和换行符，因此它将完全按照 HTML 源代码中写入的方式显示。

赞 +0

添加回复

P粉4236943412024-02-27 00:41:39 1楼

您可以将原始文件作为字符串发送，或者如果这不是一个选项，您可以使用此函数格式化对象：

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

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

函数格式（对象）{
让结果=“”；
进程对象（对象，2）；
  
函数 processObject(对象, 深度, isObjectValue = false, TrailingComma = "") {
if ( 数组 . isArray ( 对象 )) {
结果 += `${isObjectValue ? " " : "
" + " ".repeat(深度 - 2)}[`;

for (让 i = 0; i ${" ".repeat(深度)}"${element}"${trailingComma}`;
休息;
案件编号”：
结果 += `
${" ".repeat(深度) + 元素}${trailingComma}`;
休息;
}
}

结果 += `
${" ".repeat(深度 - 2)}]${trailingComma}`;
} 别的 {
结果 += `${isObjectValue ? " " : "
" + " ".repeat(深度 - 2)}{`;
      
让 keyIndex = 0,
keyCount = Object.keys(object).length;
for（对象中的键）{
常量值 = 对象[键],
尾随逗号 = ++keyIndex === keyCount ？ “”：“，”；
switch（值类型）{
案例“对象”：
结果 += `
${" ".repeat(深度)}"${key}":`;
processObject(值, 深度 + 2, true, TrailingComma);
休息;
案例“字符串”：
结果 += `
${" ".repeat(深度)}"${key}": "${value}"${trailingComma}`;
休息;
案件编号”：
结果+= `
${" ".repeat(深度)}"${key}": ${value}${trailingComma}`;
休息;
}
}

结果 += `
${" ".repeat(深度 - 2)}}${trailingComma}`;
}
}
  
返回结果；
}

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>