个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
51
4
我正在尝试将 ProseMirror 的 JSON 输出转换回 HTML(将它从一个数据库保存到另一个数据库)。我是 ProseMirror 的新手，我不确定我是否完全理解模型、状态和模式之间的关系。
从我阅读的内容来看https://github.com/ProseMirror/prosemirror/issues/455和 https://discuss.prosemirror.net/t/example-of-converting-between-formats-for-the-purpose-of-saving/424 ,
我应该首先基于基本模式创建一个新状态，然后使用 DOMSerializer 并将输出附加到一个临时元素(然后获取innerHtml)。
那个听起来是对的吗？任何帮助将不胜感激。
最佳答案
经过一番挖掘，这是我如何让它工作的:
const { schema } = require("prosemirror-schema-basic")
const { Node, DOMSerializer } = require("prosemirror-model")
const jsdom = require("jsdom").JSDOM
let dom = new jsdom('<!DOCTYPE html><div id="content"></div>')
let doc = dom.window.document
let target = doc.querySelector("div")
//Demo JSON output from ProseMirror
let content = {
"doc": {
"type": "doc",
"content": [{
"type": "paragraph",
"attrs": {
"align": "left"
},
"content": [{
"type": "text",
"text": "My sample text"
}]
}]
},
"selection": {
"type": "text",
"anchor": 16,
"head": 16
}
}
let contentNode = Node.fromJSON(schema, content.doc)
DOMSerializer
.fromSchema(schema)
.serializeFragment(contentNode.content, {
"document": doc
}, target)
console.log(doc.getElementById("content").innerHTML)
//<p>My sample text</p>关于prose-mirror - prosemirror : converting JSON output into HTML，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52228644/
51
4
0
我想建立一个使用所见即所得的网站，例如 ProseMirror。他们的文档有点清楚，构建所有东西并不是一个简单的过程，因为他们首先关注开发的其他部分。但是，他们确实提供了 project that y
我需要一些帮助将提及 实现到实时协作服务器 (https://tiptap.dev/suggestions) 中。我的代码是这个的修改版本:https://glitch.com/edit/#!/tip
我正在使用 prosemirror 构建一个协作编辑器，多人可以在其中编辑一个文档。我根据此处给出的示例编写了以下代码 - http://prosemirror.net/docs/guides/col
这里https://github.com/ProseMirror/prosemirror-state/blob/master/src/state.js#L122是prosemirror js代码行:
我正在尝试将 ProseMirror 的 JSON 输出转换回 HTML(将它从一个数据库保存到另一个数据库)。我是 ProseMirror 的新手，我不确定我是否完全理解模型、状态和模式之间的关系。
我是一名优秀的程序员,十分优秀！