Add Images management

README.md

@@ -47,6 +47,7 @@ composer require ueberdosis/prosemirror-to-html
 - CodeBlock
 - HardBreak
 - Heading
+- Image
 - ListItem
 - OrderedList
 - Paragraph

src/Nodes/Image.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace ProseMirrorToHtml\Nodes;
+
+class Image extends Node
+{
+    protected $nodeType = 'image';
+    protected $tagName = 'img';
+
+    public function selfClosing()
+    {
+        return true;
+    }
+
+    public function tag()
+    {
+        return [
+            [
+                'tag' => $this->tagName,
+                'attrs' => $this->node->attrs,
+            ],
+        ];
+    }
+}

src/Renderer.php

@@ -12,6 +12,7 @@ class Renderer
         Nodes\CodeBlock::class,
         Nodes\HardBreak::class,
         Nodes\Heading::class,
+        Nodes\Image::class,
         Nodes\ListItem::class,
         Nodes\OrderedList::class,
         Nodes\Paragraph::class,

tests/Nodes/ImageTest.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace ProseMirrorToHtml\Test\Nodes;
+
+use ProseMirrorToHtml\Renderer;
+use ProseMirrorToHtml\Test\TestCase;
+
+class ImageTest extends TestCase
+{
+    /** @test */
+    public function image_gets_rendered_correctly()
+    {
+        $json = [
+            'type' => 'doc',
+            'content' => [
+                [
+                    'type' => 'image',
+                    'attrs' => [
+                        'alt' => 'an image',
+                        'src' => 'image/source',
+                        'title' => 'The image title',
+                    ],
+                ],
+            ],
+        ];
+
+        $html = '<img alt="an image" src="image/source" title="The image title">';
+
+        $this->assertEquals($html, (new Renderer)->render($json));
+    }
+}