javascript - 将EditorJs文本编辑器json转换为html元素的最佳方法是什么？

Question

我正在尝试将EditorJs的输出转换为HTML。 EditorJs输出“干净”数据，如下所示:

{
  "time": 1589987527499,
  "blocks": [
    {
      "type": "embded",
      "data": {
        "service": "youtube",
        "source": "https://www.youtube.com/watch?v=JbqGYgI3XY0",
        "embed": "https://www.youtube.com/embed/JbqGYgI3XY0",
        "width": 580,
        "height": 320,
        "caption": ""
      }
    },
    {
      "type": "image",
      "data": {
        "file": {
          "url": "http://localhost/uploads/images/1.jpg"
        },
        "caption": "",
        "withBorder": false,
        "stretched": false,
        "withBackground": false
      }
    },
    {
      "type": "header",
      "data": {
        "text": "test",
        "level": 2
      }
    }
  ],
  "version": "2.17.0"
}

如何将其转换为原始HTML？我需要手动转换吗？

Answer 1

“editorjs-html”库可以帮助您将Json数据解析为HTML。它提供了一些基本的解析器功能，但还允许您覆盖和定义自己的解析器功能。它是独立于框架的，因此您可以在任何地方使用它。

https://github.com/pavittarx/editorjs-html

README存储库提供了一些很好的信息，但是您也可以在此处看到一些示例https://medium.com/@pavittarx/rendering-json-from-editor-js-to-html-bfb615ee78c4