Module for simple form and input field bindings in Quill. Automatically creates hidden input fields for a form and adds submit handling and submit by key (⌘/Ctrl+S). You may also specify your own custom input fields. It creates fields for text, html and delta.
yarn add quill-form
npm i quill-form
To add quill-form to your Quill, simply add the javascript after quill or import it in your project. Make sure that your editor is placed within a form or specify custom input fields.
<body>
...
<form action="#" method="get">
<div id="editor-container"></div>
</form>
...
<script src="/path/to/quill.min.js"></script>
<script src="/path/to/quill-form.js"></script>
<script>
var editor = new Quill('#editor-container', {
modules: {
form: true
}
});
</script>
...
</body>
Specify one option or more to override defaults.
var editor = new Quill('#editor-container', {
modules: {
form: {
htmlField: 'html', // Input name string, HTMLElement or false
deltaField: 'delta', // Input name string, HTMLElement or false
textField: 'text', // Input name string, HTMLElement or false
submitKey: { // Keyboard key binding object or false
key: 'S',
shortKey: true
},
updateOnBlur: true, // Updates the fields on blur
updateOnChange: false // Updates the fields on every change
}
}
});
FAQs
Quill Extension for Form Bindings
The npm package quill-form receives a total of 87 weekly downloads. As such, quill-form popularity was classified as not popular.
We found that quill-form demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A recent burst of security disclosures in the OpenClaw project is drawing attention to how vulnerability information flows across advisory and CVE systems.
Research
/Security News
Mixed-script homoglyphs and a lookalike domain mimic imToken’s import flow to capture mnemonics and private keys.
Security News
Latio’s 2026 report recognizes Socket as a Supply Chain Innovator and highlights our work in 0-day malware detection, SCA, and auto-patching.