Download the PHP package edd-g/editorjs-simple-html-parser without Composer
On this page you can find all versions of the php package edd-g/editorjs-simple-html-parser. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download edd-g/editorjs-simple-html-parser
More information about edd-g/editorjs-simple-html-parser
Files in edd-g/editorjs-simple-html-parser
Package editorjs-simple-html-parser
Short Description A simple Json to Html parser for EditorJS library
License MIT
Informations about the package editorjs-simple-html-parser
Simple PHP Parser for Editor.js
Parse data for Editor.js with 2 way:
- Parse JSON data to HTML
- Parse HTML to JSON data
Supported Tools
Package | Key | Main CSS Class (with default prefix) |
Additional / modificator CSS classes (with default prefix) |
---|---|---|---|
@editorjs/header editorjs-header-with-alignment |
header |
.prs-header |
alignment:.prs_left .prs_right .prs_center .prs_justify |
@editorjs/paragraph editorjs-paragraph-with-alignment |
paragraph |
.prs-paragraph |
alignment:.prs_left .prs_right .prs_center .prs_justify |
@editorjs/inline-code |
|||
@editorjs/marker |
|||
@editorjs/underline |
|||
@editorjs/list |
list |
.prs-list |
additional:.prs_ordered |
@editorjs/raw |
raw |
||
@editorjs/simple-image |
simpleImage |
.prs-image |
additional:.prs_withborder .prs_withbackground .prs_stretched |
@editorjs/embed |
embed |
.prs-embed |
additional:.prs_youtube .prs_codepen .prs_vimeo |
@editorjs/link |
linkTool |
.prs-linktool |
additional:.prs_title .prs_description .prs_sitename |
@editorjs/delimiter |
delimiter |
.prs-delimiter |
|
editorjs-alert |
alert |
.prs-alert |
alignment:.prs_left .prs_right .prs_center additional: .prs_primary .prs_secondary .prs_info .prs_success .prs_warning .prs_danger .prs_light .prs_dark |
@editorjs/warning |
warning |
.prs-warning |
|
@editorjs/table |
table |
.prs-table |
additional:.prs_withheadings |
@editorjs/quote |
quote |
.prs-quote |
alignment:.prs_left .prs_center |
@editorjs/code |
code |
.prs-code |
Installation
1. JSON to HTML Parser
Usage
Where $data
is the clean JSON data coming from Editor.js See $data
example below
By default this will generate html with css classes with prs
prefix, so if you want to change it, follow example below
Methods
toHtml()
Return generated HTML
setPrefix(string $prefix)
Set CSS classes Prefix
getPrefix()
Return current prefix
getVersion()
Return Editor.js content version
getTime()
Return Editor.js content timestamp
getBlocks()
Return Editor.js content blocks
Generated HTML
Header
Paragraph
Ordered List
Unordered List
Table
Code
Embed
(Actually working with Youtube, Codepen & Gfycat)
Delimiter
LinkTool
Image
Quote
Warning
Alert
Raw
2. HTML to JSON Parser
Usage
Where $html
is the HTML specially tagged with CSS classes See examples of the generated HTML code above
By default this will parse html with css classes with prs
prefix, so if you want to change it, follow example below
You may set time and version EditorJS generated blocks By default: time generate auto, EditorJS version pass from config.php:
Methods
toBlocks()
Return generated EditorJS Blocks
setPrefix(string $prefix)
Set CSS classes Prefix
getPrefix()
Return current prefix
setVersion(string $version)
Set Editor.js content version
getVersion()
Return Editor.js content version
getTime()
Return Editor.js content timestamp
setTime(string $time)
Set Editor.js content timestamp