davidwhthomas / prosemirror-to-html

Takes ProseMirror JSON and renders HTML.

This repository has been migrated to a new organization (Read more: ueberdosis/tiptap#759)

ProseMirror to HTML

Takes ProseMirror JSON and outputs HTML.

Installation

composer require ueberdosis/prosemirror-to-html

Usage

(new \Scrumpy\ProseMirrorToHtml\Renderer)->render([
    'type' => 'doc',
    'content' => [
        [
            'type' => 'paragraph',
            'content' => [
                [
                    'type' => 'text',
                    'text' => 'Example Paragraph',
                ],
            ],
        ],
    ],
])

Output

<p>Example Text</p>

Supported Nodes

• Blockquote
• BulletList
• CodeBlock
• HardBreak
• Heading
• ListItem
• OrderedList
• Paragraph
• Table
• TableRow
• TableHeader
• TableCell

Supported Marks

• Bold
• Code
• Italic
• Link
• Strike
• Subscript
• Superscript
• Underline

Custom Nodes

Define your custom nodes as PHP classes:

<?php

class CustomNode extends \Scrumpy\ProseMirrorToHtml\Nodes\Node
{
    protected $markType = 'custom';
    protected $tagName = 'marquee';
}

And register them:

$renderer->addNode(CustomNode::class);

Or overwrite the enabled nodes:

$renderer->withNodes([
    CustomNode::class,
]);

Or overwrite the enabled marks:

$renderer->withMarks([
    Bold::class,
]);

Contributing

Pull Requests are welcome.

Credits

• Hans Pagel
• sauerbraten
• WiebkeVog
• All Contributors

License

The MIT License (MIT). Please see License File for more information.