PHP code example of ek0519 / quilljs
1. Go to this page and download the library: Download ek0519/quilljs library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
ek0519 / quilljs example snippets
Quilljs::make(__('Content'), 'content')
->paddingBottom(30)
->withFiles('public')
->placeholder('please enter here')
->height(300)
->rules('
=
Quilljs::make(__('Content'), 'content')
->withFiles('public')
->tooltip(true)
=
return [
['Choice' =>'.ql-bold','title' =>'bold'],
['Choice' =>'.ql-italic','title' =>'italic'],
['Choice' =>'.ql-underline','title' =>'underline'],
['Choice' =>'.ql-header','title' =>'header'],
['Choice' =>'.ql-strike','title' =>'strike'],
['Choice' =>'.ql-blockquote','title' =>'blockquote'],
['Choice' =>'.ql-code-block','title' =>'code-block'],
['Choice' =>'.ql-size','title' =>'font-size'],
['Choice' =>'.ql-list[value="ordered"]','title' =>'order list'],
['Choice' =>'.ql-list[value="bullet"]','title' =>'bulleted list'],
['Choice' =>'.ql-header[value="1"]','title' =>'h1'],
['Choice' =>'.ql-header[value="2"]','title' =>'h2'],
['Choice' =>'.ql-align','title' =>'align'],
['Choice' =>'.ql-color','title' =>'color'],
['Choice' =>'.ql-background','title' =>'background'],
['Choice' =>'.ql-image','title' =>'image'],
['Choice' =>'.ql-video','title' =>'video'],
['Choice' =>'.ql-link','title' =>'link'],
['Choice' =>'.ql-formula','title' =>'formula'],
['Choice' =>'.ql-clean','title' =>'clean'],
['Choice' =>'.ql-indent[value="-1"]','title' =>'indent left'],
['Choice' =>'.ql-indent[value="+1"]','title' =>'indent right'],
['Choice' =>'.ql-header .ql-picker-label','title' =>'header size'],
['Choice' =>'.ql-header .ql-picker-item[data-value="1"]','title' =>'H1'],
['Choice' =>'.ql-header .ql-picker-item[data-value="2"]','title' =>'H2'],
['Choice' =>'.ql-header .ql-picker-item[data-value="3"]','title' =>'H3'],
['Choice' =>'.ql-header .ql-picker-item[data-value="4"]','title' =>'H4'],
['Choice' =>'.ql-header .ql-picker-item[data-value="5"]','title' =>'H5'],
['Choice' =>'.ql-header .ql-picker-item[data-value="6"]','title' =>'H6'],
['Choice' =>'.ql-header .ql-picker-item:last-child','title' =>'normal'],
['Choice' =>'.ql-size .ql-picker-item[data-value="small"]','title' =>'small'],
['Choice' =>'.ql-size .ql-picker-item[data-value="large"]','title' =>'large'],
['Choice' =>'.ql-size .ql-picker-item[data-value="huge"]','title' =>'xlarge'],
['Choice' =>'.ql-size .ql-picker-item:nth-child(2)','title' =>'normal'],
['Choice' =>'.ql-align .ql-picker-item:first-child','title' =>'align left'],
['Choice' =>'.ql-align .ql-picker-item[data-value="center"]','title' =>'align center'],
['Choice' =>'.ql-align .ql-picker-item[data-value="right"]','title' =>'align right'],
['Choice' =>'.ql-align .ql-picker-item[data-value="justify"]','title' =>'justify']
];
=
return [
["bold", "italic", "underline", "strike"],
["blockquote", "code-block"],
[ ['header'=> 1 ], ['header'=> 2]],
[['list'=> "ordered" ], ['list'=> "bullet" ]],
[[ 'script'=> "sub" ], [ 'script'=> "super" ]],
[[ 'indent'=> "-1" ], [ 'indent'=> "+1" ]],
[[ 'direction'=> "rtl" ]],
[[ 'size'=> ["small", false, "large", "huge"] ]],
[[ 'header'=> [1, 2, 3, 4, 5, 6, false] ]],
[[ 'color'=> [] ], [ 'background'=> [] ]],
[[ 'font'=> [] ]],
[[ 'align'=> [] ]],
["clean"],
["link", "image", "video"]
];
=
Quilljs::make(__('Content'), 'content')
->config([
["bold", "italic", "underline", "strike"],
["blockquote", "code-block"],
[ ['header'=> 1 ], ['header'=> 2]],
[['list'=> "ordered" ], ['list'=> "bullet" ]],
[[ 'script'=> "sub" ], [ 'script'=> "super" ]],
[[ 'indent'=> "-1" ], [ 'indent'=> "+1" ]],
[[ 'direction'=> "rtl" ]],
[[ 'size'=> ["small", false, "large", "huge"] ]],
[[ 'header'=> [1, 2, 3, 4, 5, 6, false] ]],
[[ 'color'=> [] ], [ 'background'=> [] ]],
[[ 'font'=> [] ]],
[[ 'align'=> [] ]],
["clean"],
["link", "image", "video"]
]),
php artisan vendor:publish --provider="Ek0519\Quilljs\FieldServiceProvider"
php artisan migrate