Simple PHP Parser for Editor.js

Installation

composer require durlecode/editorjs-simple-html-parser

Usage

useDurlecode\EJSParser\Parser;$html = Parser::parse($data)->toHtml();

{"time" :1583848289745,"blocks" : [        {"type" :"header","data" : {"text" :"Hello World","level" :2            }        }    ],"version" :"2.16.1"}

useDurlecode\EJSParser\Parser;$parser =newParser($data);$parser->setPrefix("cat");$parsed =$parser->toHtml();

Supported Tools

Methods

toHtml()

setPrefix(string $prefix)

getPrefix()

getVersion()

getTime()

getBlocks()

Generated HTML

Code

<divclass="prs-code"><pre><code></code></pre></div>

Embed

(Actually working with Youtube, Codepen & Gfycat)

<divclass="prs-embed"><iframesrc=""height="300"></iframe></div>

Delimiter

<hrclass="prs-delimiter">

Header

<h2class="prs-h2">Lorem</h2>

Link

<ahref="https://github.com/"target="_blank"class="prs-link"><divclass="prs-link-container-with-img"><divclass="prs-link-title">Title</div><divclass="prs-link-description">Description</div><divclass="prs-link-url">https://example.com/</div></div><divclass="prs-link-img-container"><imgsrc="https://example.com/cat.png"alt=""></div></a>

Ordered List

<divclass="prs-list"><ol><li></li></ol></div>

Unordered List

<divclass="prs-list"><ul><li></li></ul></div>

Paragraph

<pclass="prs-paragraph"><codeclass="inline-code">Pellentesque</code><i>malesuada fames</i><markclass="cdx-marker">tempus</mark></p>

Image

<figureclass="prs-image"><imgsrc=""class="prs-image-border prs-image-background"alt=""><figcaption></figcaption></figure>

Warning

<divclass="prs-warning"><ion-iconname="information-outline"size="large"aria-label="information outline"></ion-icon><div><p>Title</p><p>Message</p></div></div>

Raw

<divclass="prs-raw">    Raw HTML ...</div>