有没有办法在网页上生成内容丰富的富文本？答案

【问题标题】：Is there a way to generate contentful rich text on a web page?有没有办法在网页上生成内容丰富的富文本？
【发布时间】：2021-09-30 04:51:34
【问题描述】：

Contenful 有自己的rich text format json 样式形式：

{
  "nodeType": "document",
  "data": {},
  "content": [
    {
      "nodeType": "paragraph", // Can be paragraphs, images, lists, embedded entries
      "data": {},
      "content": [
        {
          "nodeType": "text",
          "value": "This text is ",
          "data": {},
          "marks": []
        },
        {
          "nodeType": "text",
          "value": "important",
          "data": {},
          "marks": [
            "type": "bold" // Can be bold, underline, italicss
          ]
        }
      ]
    }
  ]
}

除了内容之外，还有什么方法可以生成这种类型的富文本？

我喜欢使用其他富文本编辑器，例如 vue-quill-editor

但是它们生成 html 作为输出，这意味着我无法以有意义的方式将内容添加到内容数据库中。

对这方面的想法感兴趣。

【问题讨论】：

标签： richtextbox rich-text-editor contentful richtext

【解决方案1】：

这里有内容的 DevRel。?

如果此编辑器生成 HTML，它将与 Contentful 的 RichText 字段类型不兼容。

如果您想在 Contentful UI 中使用自己的编辑器，您可以随时使用the App Framework 来扩展界面。 App Framework 允许您在不同位置定义自定义 UI，例如条目的字段。如果您想使用这个基于 HTML 的编辑器，您可以使用 App Framework 创建一个应用程序并将其呈现在“长文本”字段中以存储您的 HTML。

但请注意，如果您将 HTML 存储在 Contentful 中，您将失去跨平台内容的可分割性。 Contentful 是基于 JSON 的，以保持内容平台不可知。如果您开始存储 HTML，您可能很难在无法呈现 HTML 的平台（例如 iOS）上重用您的内容。

【讨论】：