Skip to content

Extra Options

This section covers global configuration options for the editor instance, including styling, assets, and image handling.

quill_extra_options

OptionTypeDetails
debugstringerror, warn, log, info
heightstringe.g. 200px, 200em (default: '200px')
themestringsnow, bubble (default: snow)
placeholderstringPlaceholder text
stylestringclass or inline
upload_handlerarrayConfiguration for image uploads (see Image Upload Handling)
use_semantic_htmlboolUse getSemanticHTML() instead of innerHTML
custom_iconsarrayReplace default SVG icons
read_onlyboolDisplay in read-only mode
assetsarrayCustom stylesheets or scripts

Assets

You can inject custom CSS or JS (e.g. for Katex or Highlight.js).

php
'quill_extra_options' => [
   'assets' => [
       'styleSheets' => [
           "https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css",
       ],
       'scripts' => [
           "https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js",
       ]
   ],
]

Custom Icons

Replace toolbar icons with your own SVGs.

php
'quill_extra_options' => [
    'custom_icons' => [
        'bold' => '<svg ...>...</svg>',
        'italic' => '<svg ...>...</svg>',
    ]
],