Quill deltas renderer, converts deltas to HTML, Markdown and Github flavoured Markdown, the Quill attributes supported are listed in the table in the README, the goal is to eventually support every Quill feature and add additional parsers.
Quilljs is a modern WYSIWYG editor built for compatibility and extensibility.
In my projects I include Quill via yarn, create a hidden input to store the data and then
on submit pass the data along to the hidden input.
var quill = new Quill('#quill-editor', {
modules: {
toolbar: [
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
['bold', 'italic', 'underline', 'strike'],
['link'],
[{ 'script': 'sub'}, { 'script': 'super' }],
[{ 'list': 'ordered'}, { 'list': 'bullet' }],
['clean']
]
},
placeholder: 'Compose an epic...',
theme: 'snow'
});
$('form').submit(function() {
$('#hidden_element').val(JSON.stringify(quill.getContents()));
return true;
});
The easiest way to use the renderer is via composer.
composer require deanblackborough/php-quill-renderer, alternatively you can
include the classes in my src/ directory in your library or app.
try {
$quill = new \DBlackborough\Quill\Render($quill_json, 'HTML');
$result = $quill->render();
} catch (\Exception $e) {
echo $e->getMessage();
}
echo $result;
You can view the entire README on GitHub
Enter your content into the Quill editor and click 'Parse', you will see the deltas and the output generated by the PHP Quill Renderer in your requested output format.
No submitted text is saved, I simply pass the posted text along to the PHP Quill Renderer and output the result directly, check here if you would like to confirm.