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

Question

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
          ]
        }
      ]
    }
  ]
}

除了contenful还有什么方法可以生成这种富文本吗？

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

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

对此感兴趣。

Answer 1

这里是内容丰富的 DevRel。

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

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

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

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

Is there a way to generate contentful rich text on a web page?

richtextbox

rich-text-editor

contentful

richtext