add getSchema & getHtml utility functions to generate HTML from a ProseMirror/tiptap document, without an Editor instance
This commit is contained in:
21
packages/core/src/utils/generateHtml.ts
Normal file
21
packages/core/src/utils/generateHtml.ts
Normal file
@@ -0,0 +1,21 @@
|
||||
import Extension from '../Extension'
|
||||
import Node from '../Node'
|
||||
import Mark from '../Mark'
|
||||
import getSchema from './getSchema'
|
||||
import { Node as ProseMirrorNode, DOMSerializer } from "prosemirror-model"
|
||||
|
||||
export default function generateHtml(doc: object, extensions: (Extension | Node | Mark)[]): string {
|
||||
const schema = getSchema(extensions)
|
||||
|
||||
let contentNode = ProseMirrorNode.fromJSON(schema, doc)
|
||||
let temporaryDocument = document.implementation.createHTMLDocument()
|
||||
const div = temporaryDocument.createElement('div')
|
||||
|
||||
const fragment = DOMSerializer
|
||||
.fromSchema(schema)
|
||||
.serializeFragment(contentNode.content)
|
||||
|
||||
div.appendChild(fragment)
|
||||
|
||||
return div.innerHTML
|
||||
}
|
||||
Reference in New Issue
Block a user