- Notifications
You must be signed in to change notification settings - Fork9
A symfony bundle to parse data generated by EditorJS
License
SyntaxPhoenix/editorjs-symfony-parser-bundle
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
The EditorJS-ParserBundle parses editorjs-configsEditor.js. It is designed to be best integrated in Symfony and also offers a Twig-Extension. The bundle is based onDurlecode/editorjs-simple-html-parser, but strongly improved the parsing by using an object-oriented approach.
useSyntaxPhoenix\EJSParserBundle\Parser\EditorjsParser;$parser =newEditorjsParser($data);$html =$parser->toHtml();
Where$data is the clean JSON data coming from Editor.jsSee$data example below
{"time" :1583848289745,"blocks" : [ {"type" :"header","data" : {"text" :"Hello World","level" :2 } } ],"version" :"2.16.1"}composer require syntaxphoenix/editorjs-symfony-parser-bundle| Package | Key | Main CSS Class |
|---|---|---|
| @editorjs/code | code | .prs-code |
| @editorjs/embed | embed | .prs-embed |
| @editorjs/delimiter | delimiter | .prs-delimiter |
| @editorjs/header | header | .prs-h{header-level} |
| @editorjs/link | link | .prs-link |
| @editorjs/list | list | .prs-list |
| @editorjs/paragraph | paragraph | .prs-paragraph |
| @editorjs/raw | raw | |
| @editorjs/simple-image | simpleImage | .prs-image |
| @editorjs/image | image | .prs-image |
| @editorjs/warning | warning | .prs-warning |
| @editorjs/table | table | .prs-table |
| editorjs-alert | alert | .prs-alert +.prs-alert-{type} |
| editorjs-youtube-embed | youtubeembed | .prs-youtubeembed |
If you want to add a new Parser for a specific editorjs-plugin you can fork the master and make a pull-request. Please also change the readme in that case and add the parser you have edited.
Return generated HTML
<divclass="prs-code"><pre><code></code></pre></div>
<divclass="prs-embed"><iframesrc=""height="300"></iframe></div>
<hrclass="prs-delimiter">
<h2class="prs-h2">Lorem</h2>
<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>
<divclass="prs-list"><ol><li></li></ol></div>
<divclass="prs-list"><ul><li></li></ul></div>
<pclass="prs-paragraph"><codeclass="inline-code">Pellentesque</code><i>malesuada fames</i><markclass="cdx-marker">tempus</mark></p>
<figureclass="prs-image"><imgsrc=""class="prs-image-border prs-image-background"alt=""><figcaption></figcaption></figure>
<divclass="prs-warning"><ion-iconname="information-outline"size="large"aria-label="information outline"></ion-icon><div><p>Title</p><p>Message</p></div></div>
<divclass="prs-raw"> Raw HTML ...</div>
<divclass="prs-alert prs-alert-{type}"><div>My Text</div></div>
See theopen issues for a list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make aregreatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the GPLv3 License. SeeLICENSE for more information.
@SyntaxPhoenix -support@syntaxphoenix.com
Project Link:https://github.com/SyntaxPhoenix/editorjs-symfony-parser-bundle
About
A symfony bundle to parse data generated by EditorJS
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors6
Uh oh!
There was an error while loading.Please reload this page.