Stradi所见即所得markdown编辑器中的上标和下标

Question

我正在使用trapi cms添加将通过api馈送到移动应用程序的内容。我有一个名为文章的内容，并且我使用的是trapi提供的所见即所得的降价编辑器。我想在内容中添加下标和上标。有人可以帮忙吗？ 这是特定于trapi提供的降价编辑器的。

Answer 1

Markdown不包含对下标或上标的任何本机支持。正如rules所解释的：

  

[Markdown的]语法非常小，仅对应于很小的HTML标签子集。 ...对于Markdown语法未涵盖的任何标记，只需使用HTML本身即可。

因此，您可以分别用<sub></sub>或<sup></sup>删除文本。

但是，出于安全原因，许多实现都禁止使用原始HTML。如果您使用的是这样的工具，则该工具不提供对下标或上标的支持，除非它为该功能添加了一些新的非标准Markdown语法。在极少数情况下您的工具可以（大多数情况下没有），我建议您查看该工具的文档。

Answer 2

可以将HTML支持添加到Strapi编辑器中。目前，HTML 不会无法在Strapi中预览，但是您可以按照以下步骤操作，以使其在应用中正确呈现。

您的基本步骤都与HTML-in-Markdown有关。您将需要将此安装到您的项目中。

像这样将React Markdown安装到您的项目中：

npm install --save react-markdown

您可以配置的仓库和其他选项位于official repo中。

1. 添加react-markdown选项，以设置escapteHTML={false}中的{true}。
2. 然后添加您的HTML。

您将像这样将其添加到您的组件中：

A。将react-markdown导入文件。 import ReactMarkdown from "react-markdown"

B。像这样对显示html的组件进行编码。

一个例子可能看起来像这样：（source选项需要返回一个要解析的字符串）。

<ReactMarkdown  
   source={document.node.content}
/>

然后使用选项escapeHtml={false}。

<Reactmarkdown  
   source={document.node.content}
   escapeHtml={false}
 />

注意：您不想从前端访问的任何输入中转义html，因为这会带来安全风险。