Product
Introducing Repository Labels and Security Policies
Socket is introducing a new way to organize repositories and apply repository-specific security policies.
By Nolan Lawson - Apr 22, 2025
🚀 Socket Launch Week 🚀 Day 2: Introducing Repository Labels and Security Policies.Learn More →
quill-autoformat
Advanced tools
Quill Autoformat
Module for transforming and formatting text as you type or paste in Quill. Using RegExp to find and trigger transformations for text such as links, mentions, hashtags or emojis. Out of the box support for:
- Links
- Hashtags
- Mentions
Note: Requires Quill 2.0
Usage
To add quill-autoformat to your Quill, simply add the javascript after quill or import it in your project. Use the provided quill-formats or define your own parchments.
<body>
...
<form action="#" method="get">
<div id="editor-container"></div>
</form>
...
<script src="/path/to/quill.min.js"></script>
<script src="/path/to/quill-autoformat.js"></script>
<script>
var editor = new Quill('#editor-container', {
modules: {
autoformat: true
}
});
</script>
...
</body>
Transforms
You can specify as many transforms as you like, just give each transform a unique name. Three transforms are enabled by default; hashtag, mention and link. Just set the default types to false to disable them or change any property you like to a custom value.
Each transform may have the following properties:
transform: {
trigger: RegExp, // RegExp for matching text input characters to trigger the match. Defaults to /./ which is matching any character
find: RegExp, // Global RegExp to search for in the text
extract: RegExp, // Additional RegExp to finetune and override the found text match
transform: String || Function, // String or function passed to String.replace() to rewrite find/extract results
insert: String || {...}, // Insert name string or embed insert object.
format: String || {...} // Format name string or attributes object.
}
Reference
Default Options
Specify one option or more to override defaults.
var editor = new Quill('#editor-container', {
modules: {
autoformat: {
hashtag: {
trigger: /[\s.,;:!?]/,
find: /(?:^|\s)#[^\s.,;:!?]+/i,
extract: /#([^\s.,;:!?]+)/i,
transform: '$1',
insert: 'hashtag'
},
mention: {
trigger: /[\s.,;:!?]/,
find: /(?:^|\s)@[^\s.,;:!?]+/i,
extract: /@([^\s.,;:!?]+)/i,
transform: '$1',
insert: 'mention'
},
link: {
trigger: /[\s]/,
find: /https?:\/\/[\S]+|(www\.[\S]+)/gi,
transform: function (value, noProtocol) { // value == match[0], noProtocol == match[1]
return noProtocol ? "http://" + value : value;
},
format: 'link'
}
}
}
});
FAQs
Quill Extension for transforming text and format as you type
We found that quill-autoformat 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.
Package last updated on 27 Mar 2019
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.
Related posts
Research
Security News
The Bad Seeds: Malicious npm and PyPI Packages Pose as Developer Tools to Steal Wallet Credentials
Socket researchers uncovered malicious npm and PyPI packages that steal crypto wallet credentials using Google Analytics and Telegram for exfiltration.
By Kirill Boychenko - Apr 22, 2025
Product
Introducing .NET Support in Socket
Socket now supports .NET, bringing supply chain security and SBOM accuracy to NuGet and MSBuild-powered C# projects.
By Eli Insua, Rakesh Chatrath - Apr 21, 2025